Woocommerce text size adjust

[dylandesilva]

Hi

Can you please tell me how I can reduce the size of the text in the woocommerce product category.

Is there a place I can change the font size only for woocommerce without affecting the rest of the site?

[ruenel]

Hello @dylandesilva,

Thanks for writing in!

There is no option in the theme that allows you to change the font size of the product item titles in your shop and product category archives. It is using the default global font styling in X > Theme Options > Typography. You need to add CSS code into X > Theme Options > CSS to be able to adjust the font size.

You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

By default, the product item titles are using this built-in CSS code:

.woocommerce li.product .entry-header h3 {
    font-size: 148%;
    line-height: 1.05;
}

Feel free to adjust the font size and the line-height. You may your custom CSS code in the designated custom CSS section in the Theme Options. To learn more about the font-size and line-height CSS property, please check this out:

• https://www.w3schools.com/cssref/pr_font_font-size.asp
• https://www.w3schools.com/cssref/pr_dim_line-height.asp

Feel free to make adjustment as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Best Regards.