Forum Replies Created
-
AuthorPosts
-
Hi,
Sorry for the late reply, I copied the 3 pages from the demo and put in your site.
Please look for Blog Classic Grid, Blog Masonry, & Blog ModernBest regards,
MikeHi,
Sorry for the late reply, thanks for the video and login, for the first issue I found that a!important;was causing the builder to show on each tab. The file is at:/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/css/avia-builder.cssstarting on line 24 find:#avia_builder{ float:left; width:100%; display: block !important; }change to:
#avia_builder{ float:left; width:100%; display: block; }I did this for you but you will have to clear your browser cache.
For your second issue I added the css from @jacqueschoquette, thanks :).avia-modal.modal-preview-active.modal-preview-large { left: 160px !important; right: 0 !important; }It is also now working, please check.
Best regards,
MikeHi,
I assume that you are talking about the text “category” on a product page under the product details.

Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function($){ $(document).ready(function(){ $("#top.single-product .product_meta .posted_in").contents().filter(function(){ return this.nodeType == 3; }).remove(); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Best regards,
MikeHi,
Sorry, I don’t seem to get the same results, I add an item to the cart, then click the green button to see the cart and the item is there. I can also click the “view cart” from the cart icon drop down.
Please see the screenshots in Private Content area.Best regards,
MikeHi,
What do you mean by “fix the height for mobile screens too” for mobile the script works correctly, it finds the tallest inner content and then sets all of the sliders to the same height. The problem I see is that one of your testimonials is very long so all of them will be. I recommend making the testimonials shorter or having a second testimonial for mobile only with all short comments.
You can also try this css that removes the padding for mobile and reduces the font size.@media only screen and (max-width: 767px) { .avia-testimonial { padding: 0px !important; } #top .av-large-testimonial-slider .avia-testimonial-content { font-size: 1em !important; } #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image { margin: auto !important; } }Best regards,
MikeHi,
Sorry for the late reply, for #1 please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.av-button-description.av-button-description-below p { color: #333 !important; }#2 sorry, I don’t see the “View this case study”
#3 for your blog page:.avia-content-slider span.blog-categories.minor-meta,.avia-content-slider footer .slide-meta { display: none !important; }#4 for your /stories/ page
#av-masonry-1 .av-masonry-sort { visibility: hidden !important; opacity: 0 !important; }After applying the css, Please clear your browser cache and check.
Best regards,
MikeMay 17, 2020 at 6:51 pm in reply to: Show a full width secondary menu (or a sub menu) on archive category pages #1213847Hi,
Sorry for the late reply, you can add the sub-menu to pages as a function with a shortcode, for example, this function will add a sub-menu to your archive pages.
Try adding this code to the end of your functions.php file in Appearance > Editor:add_action('ava_after_main_title', 'ava_after_main_title_mod'); function ava_after_main_title_mod() { if(is_archive()) { echo do_shortcode("[av_submenu which_menu='center' menu='25' position='center' color='main_color' sticky='true' mobile='disabled' mobile_submenu=''][av_submenu_item title='Menu Item 1'][av_submenu_item title='Menu Item 2'] [av_submenu_item title='Menu Item 3'] [/av_submenu]"); } }note the shortcode after the line
echo do_shortcode("that is were to add your shortcode, to get this shortcode Enable the Avia Layout Builder Debugger and copy the shortcode from the debugger

Best regards,
MikeHey wzshop,
Sorry for the late reply, this javascript will move the onsale container inside the thumbnail container, unfortunately, there is no hook to use for that. Typically this solution works well, did it work for you?
If you need an adjustment please link to the page we can see with this in action.Best regards,
MikeHey Sal,
Sorry for the late reply and thanks for the screenshots and link. With this css the last three columns will become one column:#menu-item-15779 { display: flex; flex-direction: column; width: 100%; flex-wrap: wrap; } #menu-item-15770 { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; } #menu-item-16022 { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; }
in your last screenshot there is another column “apple watch” are you adding more columns? If so please do so and then we can adjust the css again if needed.Best regards,
MikeHey lennartvdb,
Sorry for the late reply, it looks like your plugin/wp-content/plugins/gridlist-view-for-woocommerce/is overriding the page with a “full-width” template.
When the page is loading the sidebar shows briefly and then the page changes and includes the classes “berocket_lgv”, this was the behavior when the plugin was deactivated?
Can we login to see this?Best regards,
MikeHey wzshop,
Sorry for the late reply, we don’t have a hook outside of the footer widgets area and outside the footer menu area like this:

But you can use the function above and this script to move the element there, Try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function($){ $(window).load(function(){ $( '#footer' ).each(function() { $( this ).find( '#custom_html-2' ).insertAfter( $(this)); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');note that my test site gave the custom widget area the ID
#custom_html-2yours may be different, adjust to match your ID.Best regards,
MikeHi,
Sorry for the late reply, do you mean how to add more icons to the theme? Please see our documentation here.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
Glad to hear, the one testimonial entry that has a different font size is in some extra div’s, please check this one and adjust to how the others are.Best regards,
MikeHi,
Glad that helped, but to override this for a single button with the custom class “button-2” you will need to be more specific in your CSS Specificity, like this:#top #wrap_all #main #custom-id-section .avia-button.button-2:hover { background-color: #efefef !important; color: #000 !important; }note the section custom ID in the rule
#custom-id-section.Best regards,
MikeHi,
@milkytech, thanks for the reminder, but I reported this to the dev team the day I said I did.
Do you see the heading tag option in the icon box element like this?

Best regards,
MikeHi,
Sorry for the late reply and thanks for the link, try adding this code to the end of your functions.php file in Appearance > Editor:function custom_script(){ ?> <script> (function($){ $(window).load(function(){ $( '#top.blog .post-entry.multi-big' ).each(function() { $( this ).find( 'span.post-meta-infos' ).css({ 'margin-top': '0px','padding-top': '0px'}).insertBefore( $(this).find('span.blog-categories.minor-meta')); $( this ).find('span.blog-categories.minor-meta').css({ 'margin-top': '15px','padding-top': '10px'}).insertAfter( $(this).find('div.entry-content')); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');Then clear your browser cache and check.
Best regards,
MikeHey wacky32,
Sorry for the late reply, it looks like your image is showing at 175px by 150px, have you already solved this?
Please see the screenshot in the Private Content area.Best regards,
MikeHey El,
Sorry for the late reply and thanks for the link, it looks like your site is loading all of the css in a single file, but it doesn’t seem to include the mobile css, please try disabling your caching or minifying plugins and clearing your browser cache.Best regards,
MikeHey kate_ha_agency,
Sorry for the late reply, it looks like this element is already aligned “baseline” Please explain a little more where you would like the link.Best regards,
MikeHey sitesme,
Sorry for the late reply, this css will change the hover color of all buttons#top #wrap_all #main .avia-button:hover { background-color: #777777 !important; color: #fff !important; }Please adjust to suit, then clear your browser cache and check.
Best regards,
MikeHey wtechgr,
Sorry for the late reply and thanks for the screenshots. When I look at your menu it doesn’t look like the screenshots, can you describe how I can recreate the error? Or can you recreate the error on your site and tell us which column is braking it and include an admin login in the Private Content area.
I understand you want the “after” layout, I imagine there is a point you are almost there and then one more item shifts the layout to the “before” image, correct?Best regards,
MikeHey Brand,
Sorry for the late reply, Enfold uses the default WordPress player, but I didn’t find any options to add this. Perhaps an audio plugin would have this option.Best regards,
MikeHi,
Sorry for the late reply, it looks like the error above is caused by the plugin “WP Copy Protect”, but I’m not sure why your text would not show but I added this css to correct:.avia_transform .av_slideshow_full .avia-caption-title,.avia_transform .av_slideshow_full .avia-caption-content { visibility: visible !important; }Please clear your browser cache and check.
Best regards,
MikeHi,
Try reinstalling the theme via ftp like this: First, download the newest version from Theme Forest and rename your current theme folder to “enfold-old” via ftp then upload the new “enfold” folder and check that your site is working correctly and you can see the options above.
Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” folder to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.
Once you are happy you can delete the “enfold-old” folder via ftp, (not the WP theme page)
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.Best regards,
Mike -
AuthorPosts




