Forum Replies Created
-
AuthorPosts
-
April 12, 2020 at 10:55 pm in reply to: Custom background color on product category description #1203171
Hey PT0060,
I believe that you want to change the background color of the product description tab:

Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.single-product .woocommerce-Tabs-panel--description,#top.single-product #tab-title-description { background-color: #777777; }please adjust the color to suit.

After applying the css, Please clear your browser cache and check.Best regards,
MikeHi,
Sorry for the late reply, the avia.js file is at/enfold/js/avia.jsBest regards,
MikeHey Grobi,
Sorry for the late reply, I’m not sure what is causing this but your iframe looks like it is part of a plugin, is it?
You can link to your page with#topat the end of your link like the link in the Private Content area and the page won’t scroll down.Best regards,
MikeHey Claudia,
Sorry for the late reply, please see this threadBest regards,
MikeApril 12, 2020 at 8:55 pm in reply to: Lazy Loading Horizontal Gallery (Full Width) – Mobile issues #1203156Hey TJOLoughlin,
Sorry for the late reply, unfortunately, I have not seen a lazy load plugin that works in every element, often there is some element that it doesn’t work with.
Some lazy load plugins allow you to define an element to ignore, does WP Rocket let you ignore the Horizontal Gallery?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,
Ok, Ordering Flex Items is what you are trying to do, there are a couple of different “flex” options depending on the elements and their order. This guide might help visualize how flex works. Here is a video called: Change the order of columns for mobile devices on WordPress with CSSBut if you include the URL to the page in question I can offer advice on getting this to work for you.
Best regards,
MikeApril 12, 2020 at 4:58 pm in reply to: Resizing space between columns + centering them on the page #1203112Hi,
Thank you for pointing this out, I took a look at your page and tested the css above and see that the first column has “float: right” applied.
To center these columns I added this css, which is only applied to this one page.#top.page-id-10687 #after_section_1 .entry-content-wrapper .av_one_third { width: 27%; margin-left: 1%; margin-right: 1%; } #top.page-id-10687 #after_section_1 .entry-content-wrapper { justify-content: center; display: flex; }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,
Thanks for the login, I added the css I posted above to your WordPress > Customize > Additional CSS and the blue focus is now not showing in Safari or Chrome on Mac, please see the screenshot in Private Content area.
Please clear your browser cache and check.Best regards,
MikeHi,
@ehquionest I believe you are referring to something different, the caption doesn’t show in the lightbox, for the caption to show on the page please enable the Image Caption option:

If this doesn’t help please open a new thread with more details and a link to the page so we can investigate. Typically an admin login also helps.Best regards,
MikeHi,
Thanks for the image, I see it is important for the text to be on top of the overlay, is there any on-hover action?
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.page-id-3906 .flex_cell .overlay { top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); position: absolute; z-index: 0; } #top.page-id-3906 .flex_cell .flex_cell_inner { z-index: 10; position: relative; } #top.page-id-3906 .flex_cell.avia-link-column.avia-link-column-hover { opacity: 1; } #top.page-id-3906 .flex_cell.avia-link-column.avia-link-column-hover:hover { opacity: 1 !important; }Then add this code to the end of your functions.php file in Appearance > Editor:
function custom_overlay_script(){ ?> <script> (function($){ $(document).ready(function(){ $('#top.page-id-3906 .flex_cell').prepend('<div class="overlay"></div>'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_overlay_script');After applying the css, Please clear your browser cache and check.
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,
I found that the apostrophe in your language caused the shortcode to break so the shortcode showed the default label.
I changed the label from this:label='Scarica l'eBook GRATUITO'to this:label='Scarica l'eBook GRATUITO'and it is working now, please clear your browser cache and check.Best regards,
MikeHi,
Thanks for the login, this error was caused by an error with the imported icons in the “Iconfont Manager”, I removed the set causing the error. Please clear your browser cache and check.Best regards,
MikeHi,
Please include an admin login in the Private Content area, using the css I posted above to remove the blue focus is working for me, it sounds like you are having a caching issue.
While you are building your site I recommend disabling all caching plugins and the Enfold Theme Options > Performance > JS & CSS file merging and compression option, once your site is done you can activate your caching.Best regards,
MikeHi,
That is accomplished with css, for the layout you described above you probably find that if the middle image and text were flipped the whole page would be fine. So if you add a custom ID to this section and use the following css the image and text should be flipped. If not, then please link to the section so we can modify.@media only screen and (max-width: 767px) { #custom-id .entry-content-wrapper { display: flex !important; flex-direction: column-reverse; } }Best regards,
MikeHey qwerty94,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#menu-item-10921 > div.avia_mega_div.avia_mega1.three.units { left: 10px !important; }Best regards,
MikeHey Dom,
Sorry for the late reply, unfortunately, we don’t have an option to add this information.Best regards,
MikeHey marmat84,
Thanks for the login, I took a look at your posts and you only have one published post that was created with the Advanced Layout Builder, for these, you have to manually add the social share buttons with the “social share buttons” element.Best regards,
MikeHey Bertrand,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.toggler,.toggler.activeTitle:focus { outline: -webkit-focus-ring-color none 0px; outline-color: -webkit-focus-ring-color; outline-style: none !important; outline-width: 0px !important; }Best regards,
MikeHey timjohnson555,
Please include a link to your site so we can investigate, an admin login in the Private Content area could also help.Best regards,
MikeHey maxgorelkine,
Sorry due to CORs you can’t target the css inside of an iframe, the browser will not override the source css.Best regards,
MikeHey jougr,
Typically you can make any element sticky with this plugin or you can try following the steps in this postBest regards,
MikeApril 12, 2020 at 2:52 am in reply to: Assign a unique Section ID to the color section element #1203016 -
AuthorPosts

