Forum Replies Created
-
AuthorPosts
-
Hi,
In my tests, the name of the array must be in lower case, and the path must be added if you are not using the attachment ID
for example:function custom_avf_custom_svg_shapes( array $custom_shapes ) { $custom_shapes = array( 'mountain-test' => array( 'key' => 'Mountain-Test', 'title' => __( 'Mountain Test', 'avia_framework' ), 'has_flip' => true, 'has_width' => true, 'filename' => 'Mountain-Test', 'path' => './wp-content/uploads/avia_custom_shapes/' // 'attachment' => '4650' ) ); return $custom_shapes; } add_filter( 'avf_custom_svg_shapes', 'custom_avf_custom_svg_shapes', 10, 1 );I would use the media library as Guenni007 suggests, as it would be easier to manage. The documentation also points to this.
Best regards,
MikeHey tebitron,
Try adding the “Element: Empty Line” Form Element set to “Print Email Only” where you want a space.
Ensure that you are using Enfold v7.1.2Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey etherrh,
Your two pages look like they are created differently, the Shop page with the sidebar at the bottom looks like it was created with a woof_products shortcode plugin. While the page with the sidebar uses a column with the theme product slider.
If you customize the Shop page any full width elements will push the sidebar to the bottom of the page. To achieve a layout like our Shop Demo you don’t need to add any elements or edit the shop page, it is automatic.Best regards,
MikeHey Tobias,
Please link to your page so we can examine and include a mockup image of what you would like as a result. To add a read more button we will need admin access to test the needed php function.
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.Best regards,
MikeHey Alexandre,
I assume that your issue is that under 990px the timeline titles only show for every other one, to correct add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function correct_timeline_titles_for_mobile() { ?> <script> document.addEventListener('DOMContentLoaded', () => { // Check if there are any .av-milestone-even elements const milestones = document.querySelectorAll('.av-milestone-even'); if (milestones.length === 0) return; // Exit if no milestones found // Define the media query for screens smaller than 989px const mediaQuery = window.matchMedia('(max-width: 989px)'); // Function to reorder elements const reorderMilestones = () => { if (mediaQuery.matches) { milestones.forEach(milestone => { const date = milestone.querySelector('.av-milestone-date'); const icon = milestone.querySelector('.av-milestone-icon-wrap'); const content = milestone.querySelector('.av-milestone-content-wrap'); // Ensure all elements exist before reordering if (date && icon && content) { milestone.innerHTML = ''; milestone.appendChild(date); milestone.appendChild(icon); milestone.appendChild(content); } }); } }; // Run initially reorderMilestones(); // Add listener for window resize mediaQuery.addEventListener('change', reorderMilestones); }); </script> <?php } add_action( 'wp_footer', 'correct_timeline_titles_for_mobile', 99 );Best regards,
MikeHey Munford,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad this helps, your icons are not showing because of this css you had in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:/*Modification de l'affichage de l'icône des cookies (cadenas)*/ #top .avia-svg-icon.avia-font-svg_entypo-fontello svg:first-child { display: none !important; }I disabled it for you.
As for your timeline question, please open a new thread as we ask that each thread sticks to one topic. Thanks for you understanding.Best regards,
MikeHi,
Thanks for your patience, I believe that it is sorted out now, clear your browser cache and check.
This is the code that I added:function custom_offset_script_with_width() { ?> <script> (function($) { $('a[href*="#next-section"]').click(function() { var width = $(window).width() if ($(window).width() < 768) { $('html,body').animate({ scrollTop: $(this).offset().top - 100 //offsets for mobile fixed header }, 1000); return false; } else if (width >= 768 && width <= 1366) { $('html,body').animate({ scrollTop: $(this).offset().top - 75 //offsets for tablet fixed header }, 1000); return false; } else { $('html,body').animate({ scrollTop: $(this).offset().top - 50 //offsets for desktop fixed header }, 1000); return false; } }); }(jQuery)); </script> <?php } add_action('wp_footer', 'custom_offset_script_with_width');Best regards,
MikeAugust 29, 2025 at 1:24 pm in reply to: Adding an unmute button to a background video on a color section #1488732Hey maryenvato,
It looks like your copyright link is unclosed, causing the error, please check.
If you can’t find the error include a admin login in the Private Content area so we can examine.Best regards,
MikeAugust 29, 2025 at 12:06 pm in reply to: Adding an unmute button to a background video on a color section #1488726Hi,
I thought it was your jQuery that made it work. Thanks again for sharing.Best regards,
MikeHi,
Thanks I was able to login, but this is tricker than I thought, I will work on it some more and get back to you tomorrow.Best regards,
MikeHey Christian,
Where are you trying to upload fontawesome?
Typically you do not upload fontawesome, it is not compatible with the theme font manager and will not show in the ALB icons.
So you need to sign up here to get your “Kit”
Then you will get a code like this to put in your header:<script src="https://kit.fontawesome.com/244e4f20aaa.js" crossorigin="anonymous"></script>
add it to the end of your child theme functions.php file in Appearance ▸ Editor in this function:function Font_Awesome_7(){ ?> <script src="https://kit.fontawesome.com/244e4f20aaa.js" crossorigin="anonymous"></script> <?php } add_action('wp_head', 'Font_Awesome_7');be sure to change the link to yours.
Then choose your icon and make sure that you add a size to the icon code, for example<i class="fas fa-mug-hot fa-10x"></i>
and add it to your page.

See this documentation:
https://docs.fontawesome.com/Note they also have a plugin, I have not tried it, see: https://docs.fontawesome.com/web/use-with/wordpress
Best regards,
MikeHi,
Try:#top .av-special-heading.locationscolumn { min-height: 95px; }If this doesn’t help, please add the “locationscolumn” class so we can examine.
Best regards,
MikeHi,
Thanks, but I get this error:
Error: This password does not match the username.
Please check.Best regards,
MikeHi,
Ok, please remove all of the code and we will try a javascript solution.
An admin login may help us.Best regards,
MikeAugust 25, 2025 at 11:04 pm in reply to: Size of the image element in a grid row // Größe des Bildelements #1488506Hi,
I checked both pages in Firefox and the portfolio images show for me.
I don’t know why you are not seeing them, perhaps it is a cache issue.Best regards,
MikeAugust 24, 2025 at 2:19 pm in reply to: Code block change seems to have affected page display? #1488465Hi,
Thanks for your patience, I don’t think that would help. Try disabling your theme cache & Jetpack & any server cache.
Since it changes after page load, this typically points to a cache issue.
The page width in the theme settings is 1310px, but after page load it is 1010px due to this file:_jb_static/??a97ef38bc7which is a cache file.
Or you can try this css:.container.av-section-cont-open { max-width: 1310px !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thanks for your patience, I see that you are forcing a fixed header for mobile which is not a theme option, which is ok, but the problem is that the solution is written in PHP, so the avf_header_setting_filter is applied in PHP before the page is rendered, so it can’t directly detect the screen size. (PHP runs server-side, screen width is only known client-side in the browser).
If the above solution worked for you then try also adding this to your functions.php file:add_action('wp_head', function () { ?> <style> :root { --scroll-offset: 48px; } @media (max-width: 767px) { :root { --scroll-offset: 80px; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --scroll-offset: 64px; } } </style> <script> (function($){ $(function(){ if (typeof avia_header_scroll_offset !== 'undefined') { var offset = getComputedStyle(document.documentElement) .getPropertyValue('--scroll-offset'); avia_header_scroll_offset = parseInt(offset, 10); } }); })(jQuery); </script> <?php });If this doesn’t work then you should remove both and use javascript, let us know.
Best regards,
MikeAugust 24, 2025 at 11:55 am in reply to: can’t find option to select mailchimp list in Contact Form element #1488461August 24, 2025 at 11:49 am in reply to: Size of the image element in a grid row // Größe des Bildelements #1488460Hey solf,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#av-layout-grid-1 .avia-image-container .avia-image-container-inner img { height: 100%; width: 100% !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Taha,
Thanks for your patience, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:add_filter('avf_modify_thumb_size', 'custom_modified_thumb_sizes', 10, 1); function custom_modified_thumb_sizes(array $sizes) { $sizes['tab_thumb'] = array('width' => 260, 'height' => 80, 'crop' => true); return $sizes; }then upload a new image, then add your image to the image element:

then go to the style tab and select the new size:

the backend may show the full uncropped image, but the frontend will show the new image size.
After testing, if you want all of your images to have this new size, install the Regenerate Thumbnails plugin and run it.
Since your new size won’t work will for most images changing'crop' => true);in the code to'crop' => false);won’t help, unless you are uploading a image that is already 260×80, or a multiple of that aspect ratio without cropping.
For example, this image was a very large image, and after Regenerate Thumbnails it shows the in the new size:

Best regards,
MikeHey Munford,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.slide-entry a.slide-image img { filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%); } .slide-entry a.slide-image:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%); } #top .slide-entry .slide-content h3 a { color: #000; } #top .slide-entry .slide-content h3:hover a { color: #fff !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeAugust 23, 2025 at 2:44 pm in reply to: WooCommerce Plugin shows in Complianz although not in use #1488449Hey Michael F,
Thanks for your patience, but unfortunately we are not familiar with the complianz-cookie-listing plugin. Perhaps the plugin has an option to rescan the site or remove incorrect listings? I recommend checking: https://complianz.io/support/Best regards,
MikeHi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeAugust 21, 2025 at 6:41 pm in reply to: Duplication of information at bottom of each page on site #1488381August 21, 2025 at 5:21 pm in reply to: Code block change seems to have affected page display? #1488375Hi,
This was because the text was set to center in the element and not justified, and to had hard line breaks, I corrected, please check now.Best regards,
MikeHi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts



