Return to previous page

Changing font size on checkout page’s fields to smaller

This topic has 4 replies, 2 voices, and was last updated 4 hours, 20 minutes ago ago by Rose Tyler

creativesite

Participant

October 3, 2024 at 20:40

Dear support team!

How can I make the Cart’s field’s Input words to smaller, 15px and to #A2A2A2 color?

Thank you! 🙂

Files is visible for topic creator and
support staff only.

#416985 Copied

3 Answers
Rose Tyler

Support staff

October 4, 2024 at 07:18
Hello, Creativesite,

Thank you for contacting us and for using XStore.

Custom CSS code can be used:
```
.woocommerce-checkout .et-advanced-label label[for] {
    font-size: 15px;
    color: #A2A2A2;
}
```
Best Regards,
8Theme’s Team
#417035 Copied
creativesite

Participant

October 4, 2024 at 15:44

Thank you Rose!

I add it to the CSS but unfortunately it leaves the size on 17px,
and the color on dark gray,
even after deleting cache. I attached image.

Files is visible for topic creator and
support staff only.

#417218 Copied

Rose Tyler

Support staff

October 4, 2024 at 16:05

Hello, Creativesite,

The problem was caused by an unclosed “}” in your custom CSS code.

Please clear cache and check now.

Kind Regards,
8theme team

#417228 Copied
Tagged: customize woocommerce checkout field font, reduce woocommerce checkout font size, shrink font size in woocommerce checkout, wordpress checkout page font size change, wordpress woocommerce checkout font reduction
Viewing 4 results - 1 through 4 (of 4 total)