Change font size and field shading in Woocommerce Checkout

Posted in: Newspaper
Post count: 30
Steve
#124859
Jul 27, 2016 at 3:23 pm

Hi,

Can you give me the code to increase the font size inside the form fields on the Checkout page and also to add a shaded background inside those fields?

Here’s a screenshot . . .

https://dl.dropboxusercontent.com/u/14716430/Expedition%20Australia/Woocommerce%20form%20fields.png

Thanks
Steve

Post count: 23312
Catalin
#124981
Jul 28, 2016 at 8:38 am

Hello pixus,

Please provide your exact website URL so I can inspect it closer and also, so I will be able to provide a more accurate response.

Thanks for your understanding!

Post count: 30
Steve
#125021
Jul 28, 2016 at 10:03 am

No worries,

This is my site:

http://www.expeditionaustralia.com.au/

Thank you

Post count: 23312
Catalin
#125105
Jul 28, 2016 at 1:43 pm

Hello pixus,

You can try to use the code below and place it in Theme panel->Custom CSS area.

.woocommerce .form-row .input-text {
font-size: 20px;
}

The result you should see here -> http://screencast.com/t/PVGLvyiZin

Thanks.

Post count: 30
Steve
#125206
Jul 28, 2016 at 5:14 pm

Thanks Catalin, that worked.

Cheers
Steve

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.