Hi,

If the style.css file looks good and you don’t see the changes, it’s mostly the cached files are still loading in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

This should ensure new CSS will be loaded in the browser.
If you still have an issue please let us know what are you trying to change using the CSS? also, please post the admin login details in private content area so we can check the backend settings for you.

Best regards,
Vinay

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - Caption above title */


#top .avia-fullwidth-slider .slideshow_align_caption {
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap:wrap;
}
#top .avia-fullwidth-slider h2.avia-caption-title,
#top .avia-fullwidth-slider .avia-caption-content {
   position: relative;
}

#top.avia-fullwidth-slider h2.avia-caption-title {    
    order:2;
}
#top .avia-fullwidth-slider .avia-caption-content {    
    padding: 0;
    order:1;
}

#top .avia-fullwidth-slider .avia-slideshow-button {
    order:3;
}

/* End CSS */

Best regards,
Vinay

Hey DROR,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - Full width checkout button */

#top .woocommerce-checkout-payment .button {
    display:block;
    width:100%;
    text-align:right;
}

/* End CSS */

Result:

Best regards,
Vinay

Hi,

The heading text from h1 to h6 are already lighter.

You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay

Hi,

The slider has a limit of 2 buttons only. However, do not worry we are happy to help you with this modification.

To add multiple buttons to the slider we can use button shortcodes.

1. Enable debug mode.
2. Create a new page and add the “Button Row” element.
3. Set the button styles and links and copy the shortcode.
4. Paste the same in caption area of the slider.

If you need any help please feel free to get in touch with us.

Best regards,
Vinay

Hi,

I checked your site and the blog images appear to be of the same size. You may not see the changes until the cached files are cleared in your browser.

Please perform the below steps to clear the browser cache:

1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

Best regards,
Vinay