How can I adjust the size of a carousel button?

Store Design
1

Hey, is it possible to change the size of the carousel button. I have linked an image to show which button I am talking about. website url is https://aurasolhumidifiers.com/

Thank You!

Aurasol_0-1673316887066.png
Aurasol_0-1673316887066.png1071×340 117 KB

2

Hi @Aurasol

You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1673317799906.png
PageFlyVictor_0-1673317799906.png1600×900 264 KB

Hope this answer helps.
Best regards,
Victor | PageFly

3

Hi @Aurasol ,

Glad to support you today.

To can increase the slider button, you can check out my suggestion below to make it:

  1. Go to Edit code on Online Store:

GemPages_0-1673318718356.png
GemPages_0-1673318718356.png400×162 25.3 KB

  1. add my code above the tag on Theme.liquid:

*Note: You can replace the numbers 15 and 1 with another number you want to increase.

It show like this when you add my code:

GemPages_1-1673318913197.png
GemPages_1-1673318913197.png1897×674 146 KB

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

4

@Aurasol

GO to online store > Theme > Action > edit code > layout > theme.liquid

copy below code And paste code above

.slider-counter { font-size: 16px !important; } .slider-button .icon { height: 16px !important; }