How to increase product title font size

  • Resolved beadpage

    (@beadpage)


    2 years, 8 months ago

    When using the new products block with the Astra theme I am unable to increase the product title font size. I tried the custom css suggested earlier but it appears Astra overrides the custom css. Any other solutions?
    Like the plugin but am having this problem with both new products and product category blocks.

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

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

    (@kellymetal)

    2 years, 8 months ago

    Hi there,

    The following CSS snippet appears to work for changing Product titles in Product Blocks. It worked on my personal site, and also seemed to work when testing in browser tools on your site:

    font size
    Link to image: https://d.pr/i/OqTR10

    
.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
  font-size: 2em;
}

    You can increase/decrease the 2 to make the font larger or smaller.

    I hope that helps!

    Thread Starter beadpage

    (@beadpage)

    2 years, 8 months ago

    Thanks for the code. I had tried this shorter code (.wc-block-grid__product-title {
    font-size: 1.5em;
    } ) that was in the support topics earlier and it didn’t work.

    Plugin Support kellymetal a11n

    (@kellymetal)

    2 years, 8 months ago

    Hi there,

    Thanks for the code. I had tried this shorter code (.wc-block-grid__product-title {
    font-size: 1.5em;
    } ) that was in the support topics earlier and it didn’t work.

    I see! I take it that the longer snippet worked? Taking a look at your site, I see the product titles are larger, so it looks like it worked. 👍🏼

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

    Have a wonderful day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to increase product title font size’ is closed to new replies.