Return to previous page

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

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

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

#355368 Copied Theme version: 0.0.1 WooCommerce version: Version 7.5.1

5 Answers
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
#355402 Copied
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

#355656 Copied
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
#355666 Copied
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.

#356019 Copied

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

#356024 Copied
Tagged: best selling, brand slider, decrease font size, size adjustment, woocommerce themes
Viewing 6 results - 1 through 6 (of 6 total)