Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the update.
You can start by setting Enfold > Header > Header Layout > Menu and Logo Position to Logo center, Menu below. This won’t make the logo full width, but it will center-align it. To remove the menu, add this css code:
#header_main_alternate { display: none; }
The maximum number of columns per row is 5. We recommend using the 1/4 Column element and displaying the items in two rows. If you really need to display 8 columns in a row, you can manually create a flexbox.
— https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Best regards,
IsmaelHey envis,
Thank you for the inquiry.
You can apply a unique ID or class name to the button in Advanced > Developer Settings > Custom ID / Custom CSS Class field. Please check the documentation below:
— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
Best regards,
IsmaelHey GavinGriffiths,
Thank you for the inquiry.
The Page Order field is not available in the Portfolio post type by default, but you can add it using this filter in the functions.php file:
/* Change portfolio post type settings */ function avf_portfolio_cpt_args_mod($args) { $args['supports'][] = 'page-attributes'; return $args; } add_filter('avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_mod');
Best regards,
IsmaelApril 18, 2025 at 7:07 am in reply to: Button is positioned left while is set to “align center” #1481568Hey Enfoldfanatic,
Thank you for the inquiry.
We found script errors in the console which might be related to the issue. The error is generated from these scripts:
<script> jQuery(window).load(function() { jQuery('#wrap_all img.avia_image').removeAttr('title'); }); </script> <script> jQuery(window).load(function() { jQuery('a').removeAttr('title'); jQuery('img').removeAttr('title'); }); </script>
What happens when you remove the scripts or replace them with the following code?
<script> jQuery(window).on('load', function() { jQuery('#wrap_all img.avia_image, a, img').removeAttr('title'); }); </script>
Best regards,
IsmaelHi,
Thank you for opening another thread.
We adjusted the filter a bit. Please try it again:
function avia_breadcrumbs_trail_mod($trail) { if ( is_product() || is_product_category() ) { $trail[0] = '<a href="https://shop.akhurst.com/" title="Product Page" rel="">Home</a>'; } return $trail; } add_filter('avia_breadcrumbs_trail', 'avia_breadcrumbs_trail_mod', 50, 1);
Best regards,
IsmaelHi,
Thank you for the update.
Try to add this css code to further decrease the font size of the elements in the top bar and adjust its height.
@media only screen and (max-width: 768px) { /* Add your Mobile Styles here */ #top #header_meta a, #top #header_meta li, #top #header_meta .phone-info { font-size: 13px; } #top #header_meta .phone-info { padding: 0; margin: 0; } #top #header_meta .sub_menu { line-height: 16px; } }
Best regards,
IsmaelApril 18, 2025 at 6:36 am in reply to: How to load / show post on a page with multiple rows and columns #1481564Hi,
Yes, the fallback should work as long as there is a text block in all of the posts. If not, you’ll need to define the excerpt manually. To display the title, make sure to select the correct option in the Define Blog Grid layout settings.
Best regards,
IsmaelHey kalla77,
Thank you for the inquiry.
Have you tried unsetting the default item?
function my_woocommerce_catalog_orderby( $orderby ) { unset($orderby["default"]); // remove default item unset($orderby["menu_order"]); unset($orderby["rating"]); unset($orderby["rand"]); unset($orderby["id"]); return $orderby; } add_filter( "avf_wc_product_order_dropdown_frontend", "my_woocommerce_catalog_orderby", 20 );
If you can promote the user to an admin account, we’ll try to it further.
Best regards,
IsmaelHey hm.stedler,
Thank you for the inquiry.
Have you tried using the 1/2 Column element from the Advanced Layout Builder? You can add two 1/2 Columns side by side, place the text in the first column, and the image in the second. Let us know the result.
Best regards,
IsmaelHi,
The default wp-login or wp-admin redirects to 404. Please include the custom login URL in the private field.
Best regards,
IsmaelHey dorisb123,
Thank you for the inquiry.
The main menu should be editable in the Enfold > Advanced Styling panel. If the issue persists, try to toggle or temporarily disable the Enfold > Performance > File Compression settings, then deactivate the cache plugin. Let us know the result.
Best regards,
IsmaelApril 16, 2025 at 6:35 am in reply to: After adding Captcha V3, we get “Token to validate form already expired.” #1481418Hi,
Thank you for the inquiry.
The site contains an older version (6.0.9) of the theme. Please make sure to update the theme to version 7.0.1, then temporarily disable the Enfold > Performance > File Compression settings. Let us know if the issue persists.
Best regards,
IsmaelHey cktanju,
Thank you for the inquiry.
The hcaptcha plugin is not integrated in the theme, unfortunately. You may need to use a different contact form plugin such as Contact Form 7 or WPForms and install the necessary extension to activate hcaptcha.
Best regards,
IsmaelHi,
What happens when you add this css?
#top .av-video-slide, #top .av-video-slide .avia-slide-wrap { pointer-events: none; }
Best regards,
IsmaelApril 16, 2025 at 6:25 am in reply to: Why are my WooCommerce product images cropped differently? #1481414Hey kalla77,
Thank you for the inquiry.
It’s possible that the product images have different aspect ratios. To maintain a consistent grid, make sure to upload images with the same size and aspect ratio.
Best regards,
IsmaelApril 16, 2025 at 6:23 am in reply to: How to load / show post on a page with multiple rows and columns #1481413Hi,
Thank you for the update.
You can disable the Blog Post Category in Enfold > Blog Layout > Blog Meta Elements to hide the post categories. If you’re using the ALB for the post, make sure to manually define the excerpt in the Excerpt field, otherwise, it won’t display any excerpt.
Best regards,
IsmaelHi,
Glad it’s working! For the breadcrumb, try to add this code in the functions.php file:
function avia_breadcrumbs_trail_mod($trail) { if ( is_product() || is_product_category() ) { $trail[1] = '<a href="https://shop.akhurst.com/" title="Product Page" rel="">Home</a>'; } return $trail; } add_filter('avia_breadcrumbs_trail', 'avia_breadcrumbs_trail_mod', 50, 1);
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelHi,
One of the comment lines in the Quick CSS field was not closed properly.
/* --- Ensure SKU & Categories on Product Page Are Left
Best regards,
IsmaelHi,
We tried logging in using the credentials provided above, but the username doesn’t exist. Please check the login info or provide another account. For the screenshot, you can use Imgur or Dropbox.
Best regards,
IsmaelHi,
To adjust the vertical alignment of the submenu in the top bar, please add this css code:
#header_meta .sub_menu { top: 15px; }
Best regards,
IsmaelHi,
You’re welcome! If you have more questions, please feel free to open another thread. Thank you for your patience and have a nice day.
Best regards,
IsmaelHi,
Thank you for the update. You can add this css code to move the categories to the next line:
#top.single-product .main_color .product_meta span.sku_wrapper { clear: both; display: block; }
Best regards,
IsmaelApril 15, 2025 at 5:51 am in reply to: Audiowiedergabe mittels Grafik auslösen/Trigger audio playback via graphic. #1481356Hey kalla77,
Thank you for the inquiry.
Add an image and an audio element, apply the ID “playImage” to the image element and “audioClip” to the embedded audio element, then add this script to trigger playback when the image is clicked.
add_action( 'wp_footer', 'av_image_audio_script' ); function av_image_audio_script() { ?> <script> document.addEventListener("DOMContentLoaded", function () { const image = document.getElementById("playImage"); const audio = document.getElementById("audioClip"); if (image && audio) { image.addEventListener("click", function () { audio.play(); }); } }); </script> <?php }
If you can create a test page, we’ll try to check it further.
Best regards,
IsmaelHi,
An example can be found here: https://github.com/KriesiMedia/enfold-library/blob/master/actions%20and%20filters/ALB%20core/avf_force_alb_usage.php
Best regards,
IsmaelHey Michael F,
Thank you for the inquiry.
This thread might help: https://kriesi.at/support/topic/email-protection-with-enfold/
Best regards,
IsmaelHey navindesigns,
Thank you for the inquiry.
You can add this css code to disable the default video click overlay.
.av-hide-video-controls .av-click-overlay { pointer-events: none; }
Best regards,
IsmaelApril 15, 2025 at 5:20 am in reply to: How to load / show post on a page with multiple rows and columns #1481351Hey Alan,
Thank you for the inquiry.
Have you tried using the Product Grid element? You can also use the Blog Posts element with the Blog Style set to Grid Layout, but it will require some adjustments to display elements such as the Add to Cart button. Let us know if you need more info.
Best regards,
IsmaelHi,
Yes, that should be possible. Please include this css code:
#top .phone-info .avia-button .avia_iconbox_title { font-size: 12px; }
Best regards,
Ismael -
AuthorPosts