Docs

[jennymbutterfield]

Hi there,

My url: http://www.jennybutterfield.com
X version 4.6.4

I’ve been trying unsuccessfully to change the font sizes for my headers and titles… on “The Shop” page, the page title is just out of control and the category titles under the pictures are very large as well. And if you visit a product page, the product title and add-on titles are huge as well.

I’ve tried every variation of CSS that I could find in the forum with no success. I currently have the code listed below in Appearance->Customize->Custom->Edit Global CSS, and the code changed none of the font sizes.

h1, .h1 { font-size: 10px !important; }
h2, .h2 { font-size: 10px !important; }
h3, .h3 { font-size: 10px !important; }
h4, .h4 { font-size: 10px !important; }
h5, .h5 { font-size: 10px !important; }

I’m open so some new ideas. Thanks much!

Jenny

[Friech]

Hi Jenny,

Thanks for writing in! Please remove your custom CSS code, that will make the headers tiny on all screen width.

The page title The Shop does not look bad on my end. If you need to adjust the size of it use the below css, the default size is 400%.

h1.h-landmark {
	font-size: 300%;
}

Yes, the category titles looks terrible, please use the custom CSS below to adjust it, currently it is set to 228.5%.

.product-category  a h3 {
	font-size: 150%;
}

Use this for the product title, currently it is set to 228%.

.single-product div.product .summary .product_title {
	font-size: 150%;
}

This last one is for the addons title fields.

.single-product h3.addon-name {
	font-size: 150%;
}

Hope it helps, Cheers!

[jennymbutterfield]

Yes!

That worked fabulously! Thanks for your help!

Jenny

[jennymbutterfield]

One last question on this subject…

If you go into a category, i.e. “Engagement Rings,” the titles on the individual products in the category section look big now. What code will help me take control of those titles.

Thanks!

Jenny

[Thai]

Hi Jenny,

Please add the following CSS:

.woocommerce li.product .entry-header h3 {
    font-size: 15px;
}

Hope it helps 🙂

[jennymbutterfield]

Thank you! So much better!

Thank you for your help, and enjoy the rest of your day!

Jenny

[Prasant Rai]

You’re welcome! We are just glad we were able to help you out.

[Author]

Posts