How to Edit the Full Price Font Size of a Sale Item

  • Resolved stefanthefibreco

    (@stefanthefibreco)


    1 year, 11 months ago

    Hi,

    Can anyone help with how to edit the ‘full price’ font of a sale item in the shop area of WooCommerce?

    This product element is part of the ‘archive products’, it says to customise go to ‘Appearance>> Customise’ but there are no options there to make the size smaller.

    Here is an example:

    Is there CSS that edits the sizing of this?

    Many thanks,

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @stefanthefibreco

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:

    /* reduce the sale price font size */
?
.archive span.price del {
margin-right: 5px;
font-size: 20px !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).

    Thread Starter stefanthefibreco

    (@stefanthefibreco)

    Thank you so much, that worked perfectly. I will check out the link, all the best ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to Edit the Full Price Font Size of a Sale Item’ is closed to new replies.

Tags