Product slider hight when variation swatches is activated swatches

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

  • Avatar: Marta
    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

    5 Answers
    Avatar: Tony Rodriguez
    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

    Avatar: Marta
    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…

    Avatar: Tony Rodriguez
    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.

    Avatar: Marta
    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?

    Avatar: Rose Tyler
    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://xstore.helpscoutdocs.com/article/63-theme-update

    Kind Regards,
    8theme team

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.