[Resolved] Style Cart and Checkout Page Title

Home Forums Support [Resolved] Style Cart and Checkout Page Title

Home Forums Support Style Cart and Checkout Page Title

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1060101
    Kim

    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!

    #1060283
    David
    Staff
    Customer Support

    Hi there

    try this CSS:

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

    So, simple! Many thanks, David ๐Ÿ™‚

    #1061021
    David
    Staff
    Customer Support

    You’re welcome

    #1061271
    Kim

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

    #1061627
    David
    Staff
    Customer Support

    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;
        }
    }
    #1066013
    Kim

    Thanks for your support ๐Ÿ™‚

    #1066263
    David
    Staff
    Customer Support

    You’re welcome

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.