Return to previous page

How to change main font color and size? - by groubee

This topic has 18 replies, 3 voices, and was last updated 9 years, 4 months ago ago by Jack Richardson

groubee

Participant

September 25, 2015 at 15:52

Hi

I have tried to change the main text/font color and size via “Theme Options/Typography” without luck!

Can you please tell me where or how I can change the main font color and size?

See: https://www.dropbox.com/s/gv52r06gj5qsi4z/change-font-color-and-size.jpg?dl=0
Site: http://www.smooff.net/shop/smooff/

I am looking forward to hear from you!!

Best regards
Tonny

#89330 Copied Theme version: 2.4 WooCommerce version: newest version

17 Answers
Jack Richardson

Support staff

September 28, 2015 at 11:24
Hello,

Please use this code in Global Custom CSS:

.product-information .short-description p { color: black; font-size: 15px; }

Best regards,
Jack Richardson.
#89606 Copied
groubee

Participant

September 28, 2015 at 11:36

thanks1
What about the text here:

1. http://www.smooff.net/shop/?
2. http://www.smooff.net/shop/smooff/ (the text under the taps)?

Is there a universal text style for “body text”?

Best regards
Tonny

#89614 Copied
Jack Richardson

Support staff

September 28, 2015 at 13:16
Hello,

1. Please use this code:

.products-list .product .product-details .product-excerpt { font-size: 15px; color: #767676; }

2. Add this code in Global Custom CSS:

p { color: black !important; font-size: 15px !important; }

Best regards,
Jack Richardson.
#89663 Copied
groubee

Participant

September 28, 2015 at 13:48
Thanks

p { color: black !important; font-size: 15px !important; }

This code makes the prize on the product page 15px ??
#89681 Copied
Robert Hall

Participant

September 28, 2015 at 15:02
Hello,

To change price size you need use the following code in Global Custom CSS.

.product-information .price{ font-size:32px; }

Regards,
Robert Hall.
#89790 Copied
groubee

Participant

September 28, 2015 at 15:15

Nope, that code did not do it 🙁

#89806 Copied
Robert Hall

Participant

September 28, 2015 at 15:51
Please check your issue with this code.

.product-information .price{ font: 32px/32px 'Raleway', sans-serif; }

Regards,
Robert Hall.
#89867 Copied
groubee

Participant

September 28, 2015 at 17:20
No, this two codes cant not work together:

.product-information .price{ font: 32px/32px 'Raleway', sans-serif; }

p { color: black !important; font-size: 15px !important; }
#89945 Copied
Robert Hall

Participant

September 28, 2015 at 17:36
This code isn’t for a price, this is for text on your site.

p { color: black !important; font-size: 15px !important; }

Regards,
Robert Hall.
#89952 Copied
groubee

Participant

September 29, 2015 at 12:44
Yes I know – but we would like to change the text under taps on the product page, for that you gave me this code

p { color: black !important; font-size: 15px !important; }

And it works!! but it also changes the “Price” font to 15px??? now that is not what we want! Than you give me this code

.product-information .price{ font: 32px/32px 'Raleway', sans-serif; }

And this code do NOT work together with the other p code! Can you plz share a style which can change the font size and color under product taps without change the “Price” font size?

Thanks
Tonny
#90185 Copied
Jack Richardson

Support staff

September 29, 2015 at 14:39
Hello,

Please try to use this code in Global Custom CSS:

.tabs .tab-content p { color: black !important; font-size: 15px !important; }

Best regards,
Jack Richardson.
#90220 Copied
groubee

Participant

September 29, 2015 at 15:27

At last it works! Thanks! See http://www.smooff.net/shop/smooff/ under FAQ the font did not change?

Also I started by asking “Is there a universal text style for “body text”?”…the grey font, Because we do like to change the grey font color on the homepage, see

https://www.dropbox.com/s/l6sxsfx0i56dglf/change-the-grey-font-color.jpg?dl=0

#90239 Copied
Jack Richardson

Support staff

September 29, 2015 at 16:04
Hello,

Please use this css code:

.toggle-block.bordered .toggle-element .toggle-content { color: black !important; font-size: 15px !important; }

Regarding the font on home page you need use this code:

.aio-icon-description * { color: black !important; }

Best regards,
Jack Richardson.
#90256 Copied
groubee

Participant

September 29, 2015 at 16:16

Thanks Jack!! it looks nice, what about the grey text inside the white boxes (on top of images)

#90262 Copied
Jack Richardson

Support staff

September 30, 2015 at 09:45
Hello,

Please use this css code:

.wpb_content_element p { color: black !important; }

Best regards,
Jack Richardson.
#90399 Copied
groubee

Participant

September 30, 2015 at 11:21

Thanks Jack – it works great!!

#90422 Copied

Jack Richardson

Support staff

September 30, 2015 at 12:03

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#90455 Copied
Tagged: best selling, change, color, font, size, themes, woocommerce
Viewing 18 results - 1 through 18 (of 18 total)