How to edit Woocommerce Product Titles font size

  • Resolved willb5678

    (@willb5678)


    4 years, 1 month ago

    Hi guys,
    So this should be very simple as I have edited the size of the prices by using:

    .price span {
    font-size: 20px !important;
    }

    Buy I cannot find how to edit the Product Title size!
    I have tried:
    .title span
    .product_title span
    .product-title span
    .product span
    .description span
    .product_description span
    and lots more variations…

    Any help please?
    I am doing it via the Additional CSS box.

    If you are feeling really generous, the ‘Read More’ text on the button could do with being slightly bigger!

    Thanks in advance, Will.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Hi Will ??

    Oh, I love skateboarding ?? !

    Please try with this custom CSS. Under Customize > Additional CSS, you can add the following code:
    ?

    /* Increase titles font-size  */
.wc-block-grid__product-title {
    font-size: 18px !important;
}

/*Increase add to cart button text font-size*/
a.wp-block-button__link.add_to_cart_button {
    font-size: 12px !important;
}

    ?
    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    Cheers! ??

    Thread Starter willb5678

    (@willb5678)

    You are an absolute star!
    Thank you very much!

    Cheers
    Will

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Happy to help ??

    Great! I’m going to mark this as resolved. If you have any further questions, you can start a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to edit Woocommerce Product Titles font size’ is closed to new replies.