Forum Replies Created
-
AuthorPosts
-
Hey jamiebgp,
Thamks for the link to your site I see your homepage and many other pages have layersliders and they work good, but I didn’t find any easy sliders, please link directly to a page with one.Best regards,
MikeJune 25, 2023 at 6:40 pm in reply to: but still I have a lot of gap on my website. What is it due to? #1411636Hi,
It is an empty image element, perhaps you clicked the image element in the ALB toolbar once by mistake, go ahead and delete it. Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Thanks for the feedback, currently the pages have a 50px top padding, to remove this try this css:#top .content,#top .sidebar { padding-top: 0px; }Best regards,
MikeJune 25, 2023 at 3:56 pm in reply to: Since Update from 6.2.2 WordPress all Sidebars are empty #1411629Hey rixi,
I’m not experiencing this with my demo, have you tried disabling your plugins to check, and checked your Enfold Theme Options ▸ Sidebar Settings and checked your widgets?
If this doesn’t correct please include admin login in the Private Content area so we can investigate.Best regards,
MikeJune 25, 2023 at 3:30 pm in reply to: but still I have a lot of gap on my website. What is it due to? #1411628Hi,
That worked, thanks.
So the space was created by the columns and other elements above have negative top margins for the overlay affect so by the time we get to your headline rotator there is a large gap:

so to correct I added a negative bottom margin to the last column row above the headline rotator, please note that this is for the desktop version only:

tablet and mobile seems fine as is, but you can adjust for these if you wish by choosing those buttons:

Best regards,
MikeHi,
I’m not sure what you mean, please include a screenshot to demonstrate.
Will this be for mobile or desktop or both?Best 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,
MikeHi,
For bullets in the tabs try this:#top .tab_content ul li ul li:before { content:'-'; padding-right: 5px; color:#000 !important; font-size: 20px; } #top .tab_content ul li ul li { list-style: none; padding-left: 1em; text-indent: -1em;; } #top .tab_content ul li ul { margin-left: 0em; }expected results:

For bullets in the text element try this:#top .avia_textblock ul li ul li:before { content:'-'; padding-right: 5px; color:#000 !important; font-size: 20px; } #top .avia_textblock ul li ul li { list-style: none; padding-left: 1em; text-indent: -1em; } #top .avia_textblock ul li ul { margin-left: 0em; }Best regards,
MikeJune 25, 2023 at 1:54 pm in reply to: Image opening in Lightbox singly without arrows to scroll through all images #1411621Hi,
Ok, 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 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,
MikeHi,
To remove the post nav from your site try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-post-nav { display: none; }After applying the css, please clear your browser cache and check.
Please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line quicker. For further questions please open a new threadBest regards,
MikeHi,
Try adding this css:#top.woocommerce-page .container_wrap_first, #top.woocommerce-page #after_revolutionslider_1{ border: none; }After applying the css, please clear your browser cache and check.
Best regards,
MikeJune 25, 2023 at 12:30 am in reply to: but still I have a lot of gap on my website. What is it due to? #1411585Hi,
Unfortunately not, Are you logging in to the forum site and posting there, or are you repling to a email notification?Best regards,
MikeHey jnightingale,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.cog-form__container { background-color: #0056a6 !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Stefan,
Assuming that this is a Pricing Table element and you want to add a different link to each inner table:

First add the custom class table-link to the table element developer settings:

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function ($) { $(".table-link .pricing-table-wrap:first-child").wrap(function() { var link = $('<a/>').css({'display':'table','width':'33%','float':'left'}); link.attr('href', 'https://google.com'); return link; }); $(".table-link .pricing-table-wrap:nth-child(2)").wrap(function() { var link = $('<a/>').css({'display':'table','width':'33%','float':'left'}); link.attr('href', 'https://duckduckgo.com'); return link; }); $(".table-link .pricing-table-wrap:nth-child(3)").wrap(function() { var link = $('<a/>').css({'display':'table','width':'33%','float':'left'}); link.attr('href', 'https://bing.com'); return link; }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');note that each of the three inner tables have a different URL
While this works, it has a drawback that the link changes the display of the table which changes the width, the script adds a hard width to the table to correct this issue but then it is not very response. Perhaps you don’t mind this, but I recommend just using the button that is in the table for your links.Best regards,
MikeHey schweg33,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.woocommerce-shop .container_wrap_first { border: none; } #top.woocommerce-shop .product-sorting { display: none; } #top.single-product .avia-wc-30-product-gallery-lightbox { display: none; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Perhaps, the email field is showing in the theme options and on my test site it shows on the frontend for a published page, try editing the element again and saving again to reload it, if this doesn’t work then publish the page and check again.Best regards,
MikeHey James,
Thanks for your patience and the link to your site, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> (function($) { $('#av-masonry-2-item-3398 img').height($('#av-masonry-2-item-3398 img').height() + 15); $('#av-masonry-1-item-3400 img').height($('#av-masonry-1-item-3400 img').height() + 15); }(jQuery)); </script> <?php } add_action('wp_footer', 'custom_script');Best regards,
MikeHey lzevon,
Glad you were able to find the issue is with the slashs in the GravityView shortcode, slashs in shortcode is very unusual, have you tried to escape the slashs like this:
[gv/\widgets/\page_size] [/gv/\widgets/\page_size]
If that doesn’t work then try making a new shortcode with no slashs to call that shortcode using do_shortcode
I don’t see that we can correct this plugin in the theme.Best regards,
MikeHi,
Please don’t add css into the developer setting fields, only add CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS fieldBest regards,
MikeHey beverlystone,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia_textblock ul li ul li:before { content:'-'; padding-right: 5px; color:#000 !important; font-size: 20px; } .avia_textblock ul li ul li { list-style: none; padding-left: 1em; text-indent: -2em; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Unfortunately you can not control the objects inside an iframe, you would need to dequeue the items for the page that is going to be used as an iframe before it is used.
So your iframe page would only be used for the popup and not directly accessed.
Since your popup is only a contact form why not add it to your page hidden and show in a lightbox popup?Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { #top #av_section_2 .avia-builder-el-first.first.flex_column_div { margin-top: -400px; } }Feel free to adjust the negative margin to suit, this worked on the three pages that you linked to and should work on any other pages with the same structure.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Your shortcode[best_selling_products limit="4" column="4" paginate="true" orderby="rand"]is already set to show random items with orderby=”rand” but I found that the shortcode best_selling_products is very old and should be used with old versions of woocommerce. According to this article you should try this shortcode:[products class="columns-4" limit="4" column="4" orderby="rand"]to show random products.
If you want to use this you will need to also add this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.woocommerce.columns-3.columns-4 li:nth-child(4) { clear: none; margin-right: 0; } .woocommerce.columns-3.columns-4 li.last { margin-right: 1% !important; }To make each product grid & product image & product header caption in each grid all equal height you could add this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function equal_height_product_grid_image_header() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('.products.columns-3,.products.columns-4').each(function(){ var $items = $('li',this); var $image = $('li .thumbnail_container img',this); var $header = $('li .inner_product_header',this); var itemsHeight = Math.max.apply(Math, $items.map(function(){ return $(this).height(); }).get()); var imageHeight = Math.max.apply(Math, $image.map(function(){ return $(this).height(); }).get()); var headerHeight = Math.max.apply(Math, $header.map(function(){ return $(this).height(); }).get()); $items.height(itemsHeight); $image.height(imageHeight); $header.height(headerHeight); }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'equal_height_product_grid_image_header');The only problem is that your secondary images that show on mouse-over which are added by the plugin WooCommerce Product Image Flipper are not the same heights, so you would need to change all of those secondary images because on hover a white space is shown.
Best regards,
MikeHi,
Thanks for your patience and the link to your site, when I check your site was not loading with multiple errors:
Uncaught ReferenceError: jQuery is not defined typically this occurs when a script is called before jQuery is loaded.
I see that you have a plugin Async JavaScript, when I disable it and clear your caching plugin your site loads on desktop & mobile.
I left the plugin disabled, believing that you would want your site to load, please clear your browser cache and check.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,
MikeJune 24, 2023 at 7:12 pm in reply to: Error 404 page created with ALB and set in theme settings does not work #1411569Hey BeeCee,
Thanks for your patience and the link to your site, the custom 404 page doesn’t work when the maintenance mode is enabled, I tested by disabling your maintenance mode for a minute and your custom 404 page showed when I entered random letters.
Thanks for pointing our the needed update for our 404 page option, I notified the team.Best regards,
MikeJune 24, 2023 at 6:44 pm in reply to: H1 in some places are staying all capitalized and other places are lower/capital #1411567Hey newvisionnew,
To remove the text-transform for all or your special heading h1 on your whole site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .template-page .entry-content-wrapper .av-special-heading-h1 h1{ text-transform: none; }After applying the css, please clear your browser cache and check.
Please note that if you use all caps in the backend when you edit the element then it will still show as all caps in the frontend, so you need to ensure the backend is written as you want to see it.
If you also want this for your special heading h2 try this css:#top .template-page .entry-content-wrapper .av-special-heading-h2 h2{ text-transform: none; }Best regards,
MikeHey condonp,
Thanks for your patience and the link to your site try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.av_one_third .avia-slideshow-inner { height: 100% !important; }After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts

