Woocommerce product & category page customize

Can you please tell me how i can change the woocommerce page and category layout, font size etc.

currently the size is way too big

Hi Glenn,

You can access our theme Woocommerce related options, by making sure that the Woocommerce plugin is activated and go to Pro/X > Theme Options > Woocommerce. There you will find to change the aspects of Woocommerce that is possible to change in our theme.

The “Shop Layout” option allows you to keep your sidebar on your shop page if you have already selected “Content Left, Sidebar Right” or “Sidebar Left, Content Right” for you “Content Layout” option, or remove the sidebar completely if desired.

The Typography of Woocommerce is using the same typography that you can set in Pro/X > theme Options > Typography.

You also can use the Page Builder to change the description section of a single product using the method below:

Other than the points above, you will need to add custom CSS code to change the styling of the Woocommerce pages.

Thank you.

Please let me know how I change the text size of woocommerce product title when using a shortcode.

It comes up as a H3 tag when I look at the source. Is there a specific text size used for woocommerce. How can I change only the text associated with the woocommerce without affecting the rest of the site?

Hi Glenn,

Generally, site font sizes are based on Theme Options > Typography > Root Font Size, this means that if you adjust this setting, it will adjust your font-size site-wide as well.

If you need a specific size for a specific element that is not native from Cornerstone, you need to do it via custom CSS.

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Thanks,

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.