How to reduce font size for related product PRICE

Viewing 4 replies - 1 through 4 (of 4 total)
  • lorro

    (@lorro)

    6 years, 9 months ago

    To put both prices on one line, try:

    .woocommerce .related div.product span.price del {
  display: inline;
}

    To reduce the font size, reduce the value 1.25em here:

    .woocommerce .related div.product span.price {
  color: #77a464;
  font-size: 1.25em;
}
    Thread Starter eganet

    (@eganet)

    6 years, 9 months ago

    I have added the above codes to my child theme style sheet but no changes.

    lorro

    (@lorro)

    6 years, 9 months ago

    Your child theme style sheet has a parse error just after:
    /*….Mobile Screen Start…….*/
    This is preventing subsequent styles from being read.

    Try to get your stylesheet to validate using this service:
    http://jigsaw.w3.org/css-validator/

    Thread Starter eganet

    (@eganet)

    6 years, 9 months ago

    lorro you’re a life saver. great to ‘ve people like you out there. I validated the child theme style sheet as you recommended. Now all is working just fine.
    Thanks a million!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to reduce font size for related product PRICE’ is closed to new replies.