Return to previous page

Product slider hight when variation swatches is activated swatches

This topic has 6 replies, 3 voices, and was last updated 1 years, 8 months ago ago by Rose Tyler

Marta

Participant

March 20, 2023 at 09:28

Hi, when my product have variation swatches, the product slider on the home page shown cut off (https://app.screencast.com/jmqGYaRNKIb6b)

I tried to set up slider margin, padding, column margin, section margin… none of them solves it.

What can I do?
Thanks

#350551 Copied Theme version: 9.0.5

5 Answers
Tony Rodriguez

Support staff

March 20, 2023 at 09:51
Hello Marta,

We kindly suggest that you copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache.

This should result in the image shown here: https://postimg.cc/VJp9HQcX.
```
.product-slide .content-product {
    margin-bottom: 20px !important;
}
```
If this does not resolve the issue, please provide us with your WordPress Admin URL and credentials in the private content area of this topic, so that we can further investigate the issue on your site.

We look forward to hearing from you.

Best Regards,
8Theme’s Team
#350556 Copied
Marta

Participant

March 20, 2023 at 10:00

Thanks, its works!

what’s the different between Theme Custom CSS>Global CSS and Additional Custom CSS?
I have put some code in additional custom css…

#350558 Copied

Tony Rodriguez

Support staff

March 20, 2023 at 10:20

Hello Marta,

Just for info, custom CSS can be added in a few different places:

1/ Theme Options -> Theme Custom CSS -> Global CSS (saved in the database)

2/ Customizer (Theme Options) -> Additional CSS (saved in the database)

3/ xstore-child/style.css (saved in a file)

The difference between our Theme Custom CSS and Additional CSS is in the fact that if you want to import/export settings then Theme Custom CSS will be included in the export file but Additional CSS won’t be because it is in the separate tables in the database and not included by default on export.

Hope this clears your thoughts now.

Kind Regards,
8Themes Team.

#350566 Copied

Marta

Participant

March 20, 2023 at 10:49

Thank you, and if I update the theme all these custom css will will save or will miss?

#350570 Copied

Rose Tyler

Support staff

March 20, 2023 at 11:22

Hello, Marta,

You will not lose your code after updating the theme, no matter which of the three places it is in. However, we still recommend making a backup before updating – https://www.8theme.com/documentation/xstore/theme-installation/theme-update/

Kind Regards,
8theme team

#350577 Copied
Tagged: best selling, persuasive, product slider, seo friendly, variation swatches, woocommerce themes
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘product slider hight when variation swatches is activated swatches’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

How to add CSS code to Add-to-basket button to trigger popup?

2 years ago
Сannot translate some strings WPML plugin

2 years, 9 months ago
Filter button disappeared in mobile version

3 years, 1 months ago
License Issues

3 years, 4 months ago
Deregsiter License

3 years, 5 months ago
Demo Request

3 years, 5 months ago
Update Woocommerce 5.0

3 years, 8 months ago
Problema con Xstore Core

3 years, 9 months ago
Dutch in backend no dutch in frontend

3 years, 9 months ago
error theme

3 years, 10 months ago

Product slider hight when variation swatches is activated swatches

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection