[jamiebrownParticipant]

Hello, I was wondering if you could help with some CSS in changin ght eproduct page for my website. Woocommerce does not let use cornerstone in the shop page and I’m not very used to integrating CSS into the customizer.If you have a look at the pic attached, I would like the product title to be smalller as well as the body text. In there any way to change the font too? Lastly, I would like to have less space between lines, and the number of item and the cart button to be aligned. Is any of this possible?

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.woocommerce div.product .summary .product_title {
    font-size: 40px;
}

.woocommerce .upsells h2, .woocommerce .related h2, .woocommerce .cross-sells h2 {
    font-size: 30px;
}

.single-product .products .entry-header h3 a {
    font-size: 14px;
}

.single-product .entry-content {
    font-size: 24px;
}

You may change the font size as you like.

Hope that helps.

[jamiebrownParticipant]

Thank you! Any way to aling the number of item wanted and the add to cart button?

[RupokMember]

Hi there,

Thanks for writing back. Let’s use this CSS as well :

.woocommerce .quantity input[type="number"] {
	float: left;
	margin-right: 15px;
	margin-top: 9px;
}

Cheers!

[Author]

Posts