How do I decrease the size of the font in this brand slider?

This topic has 6 replies, 3 voices, and was last updated 1 years, 6 months ago ago by Tony Rodriguez

  • Avatar: Catholicans
    Catholicans
    Participant
    May 4, 2023 at 04:45

    How do I decrease the size of the font in this brand slider?
    Screenshot: https://snipboard.io/LbTIiB.jpg

    And also center each brand similar to this?
    Screenshot: https://snipboard.io/LbTIiB.jpg

    5 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 4, 2023 at 07:56

    Hello, Catholicans,

    1. To reduce the font size of the brand slider on your home page, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then check your site after clearing the browser cache.

    Note: You can adjust the value in the given code according to your needs.

    .brands-carousel .brand_on_homepage h3 a {
    font-size: 15px !important;
    }

    2. You can edit the brand carousel element and under the slider settings, please change the “Number of slides per view” on Large Screens. If you reduce the number of sliders per view, it will display in a single line, as shown in this screenshot: https://postimg.cc/BjLY1H9h

    The result should look like this: https://postimg.cc/WF2wSJCc

    Best Regards,
    8Theme’s Team

    Avatar: Catholicans
    Catholicans
    Participant
    May 5, 2023 at 10:23

    I want to decrease the font size of the brand slider in shop page also
    Screenshot: https://snipboard.io/0PzntC.jpg

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 5, 2023 at 10:56

    Hello, Catholicans,

    Thank you for your response.

    Please change the previous code to:

    .brands-carousel h3 a {
        font-size: 18px !important;
    }

    Kind Regards,
    8theme team

    Avatar: Catholicans
    Catholicans
    Participant
    May 9, 2023 at 06:03

    How can I reduce the no : of brands that display in shop page?
    Screenshot: https://snipboard.io/zO4SrK.jpg

    I tried to change the no : of brands that display in the shop page by WooCommerce -> Shop -> Shop page layout -> Default View (Brand Views) -> 3 column grid
    but there is no change occur in the front end.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 9, 2023 at 06:38

    Hello, Catholicans,

    We are pleased to inform you that your issue has been resolved. Please clear your browser cache and revisit your website at https://kunjucatholicans.com/shop/ to view the changes.

    We have modified the slider columns to three by editing the static block. Please refer to the screenshots provided for further details.

    https://postimg.cc/jwQF4Cdt
    https://postimg.cc/K3x5GNby

    We thank you for your patience and look forward to your continued support.

    Best Regards,
    8Theme’s Team

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

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