Return to previous page

Changing font size on checkout page’s fields to smaller

This topic has 7 replies, 2 voices, and was last updated 2 months, 2 weeks 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

6 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

creativesite

Participant

October 7, 2024 at 18:22

Awesome! Thank you!

#417648 Copied

creativesite

Participant

October 7, 2024 at 18:23

And how can I add an extra field, that is: Company Tax number as optional field?

Thank you 🙂

#417649 Copied

Rose Tyler

Support staff

October 9, 2024 at 07:35

Hello, Creativesite,

You’re welcome!

We’ve answered here – https://www.8theme.com/topic/company-name-and-taxfield-on-woocommerce-checkout-page/#post-417060

Kind Regards,
8theme team

#417897 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 7 results - 1 through 7 (of 7 total)