Support » Plugin: WooCommerce » Global fontsize change for Woocommerce pages

  • Resolved atulc

    (@atulc)


    How can I change the fontsize of all text on the Woocommerce My-Account (including all the pages, tables, and forms linked on the left nav panel under My-Account), Cart, and Checkout pages and + all the messages/notifications (e.g., no orders found).

    I’m building an events website. I don’t have shop or product pages. I only need Woocommerce for my-account, cart, and checkout.

    I added the following css to wordpress dashboard -> appearance -> customize -> additional css.

    .woocommerce p {
    font-size: 18px
    line-height: 30px;
    }

    But this changed only the fontsize for text tagged as p (enclosed in <p> and </p>). That leaves a lot of text that is not tagged as p the default small font. Is there any way to change the default font size across all of the above pages?

    I’ve searched online and the closest I could find was this thread – https://theme.co/forum/t/woocommerce-shop-appearance-customization/28883. But this addresses the Woocommerce shop and product pages, not the my-account, cart, and checkout pages. Plus, it seems like there ought to be a simpler way to change the fontsize across one or all Woocommerce pages.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there,

    This would depend somewhat on your active theme. Generally though, all the different elements of the page will be styled independently — i.e. headers, paragraphs, details in tables, etc will all have their own classes and be different types of elements, so would be styled differently.

    You could try something like the following to target all elements on the My Account page, however the styling from your theme might still override it:

    
    .woocommerce-account * {
      font-size: 18px !important;
    }
    

    I hope that helps!

    Thread Starter atulc

    (@atulc)

    Thanks @kellymetal! This works like a charm.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Global fontsize change for Woocommerce pages’ is closed to new replies.