[ad_1]
I’m styling the Checkout page and have used this rule to change the size of the **h1**
.woocommerce-checkout h1 {
font-size: 30px;
text-transform:uppercase;
}
But, this rule is affecting **h1.widget-title** in the footer and it shouldn’t.
Any suggestions as to why this is happening.
Thank you!
[ad_2]
This is because `.woocommerce-checkout` is a `body` class, so it will affect all H1 tag in the page, you should find a different one that only covers the container that you are trying to change.