Site logo

Archived topic

Style Cart and Checkout Page Title

7 replies · Started by Kim on November 11, 2019

Viewing posts 1–8 of 8

Hi there, I would like to style the page title (center it) just for the cart and checkout page. How can I achieve this?

Many thanks in advance!

Hi there

try this CSS:

.woocommerce-cart .entry-title, .woocommerce-checkout .entry-title {
    text-align: center;
}

So, simple! Many thanks, David :)

You're welcome

Just one additional question. Now it's too big on mobile view. How can I make it smaller for that?

The entry title uses the Customizer > Typography > Headings > H1 settings.
If you want to control it separately then this CSS:

@media (max-width: 768px) {
    .woocommerce-cart .entry-title, .woocommerce-checkout .entry-title {
        font-size: 28px;
    }
}

Thanks for your support :-)

You're welcome

This archived topic is closed to new replies.