Product font size

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    This css:

    h2.woocommerce-loop-product__title {
    font-size: 20px;
}

    To add CSS:

    • If you are using WordPress 4.7 or later, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.
    • If not, install the plugin Simple Custom CSS.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    https://i.imgur.com/VcwwHH1.png

    Thread Starter jjas7

    (@jjas7)

    Thank you Steve! I wasn’t clear enough. I meant – how do I change just that one product’s font size (and keep the other products’ font sizes the same)…

    Hello,

    You could target the post ID as well for this specific product.

    li.post-17828 h2.woocommerce-loop-product__title {
    font-size: 20px !important;
}

    Best regards,
    Konstantinos

    Thread Starter jjas7

    (@jjas7)

    What’s the easiest way to access the html file?

    There is no need to access the html file to be honest.

    You can simply add a Plugin like @sterndata pointed out and make it easier on yourself without accidentally messing something up.

    Best regards,
    Konstantinos

    Thread Starter jjas7

    (@jjas7)

    Thanks a lot. This was a great lesson.

    If your question was resolved please mark the status of your topic accordingly. It’s easier to go through the forums and see who still needs help ^_^ .

    Best regards,
    Konstantinos

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Product font size’ is closed to new replies.

Tags