Support » Plugin: WooCommerce » Change Price Layout

  • Resolved d0cj0hn

    (@d0cj0hn)


    Hello,
    I would like to change the price layout on my single product page.

    Make the font bigger and change the color.

    Can anyone please tell me the additional CSS to do this?

    Thanks in advance!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Senff – a11n

    (@senff)

    Hi @d0cj0hn

    The following CSS code can be used to change the size/color of the product prices on your homepage:

    .home span.woocommerce-Price-amount.amount {
      font-size: 40px;
      color: #ff0000;
    }
    Thread Starter d0cj0hn

    (@d0cj0hn)

    Hey Senff, thanks for your reply!
    I would like to change the price style in the single product page. The homepage style I already got from another post.

    Do you know how to do this?

    Plugin Support Senff – a11n

    (@senff)

    For that, you can use this code:

    .single-product span.woocommerce-Price-amount.amount {
      font-size: 50px;
      color: #ff0000;
    }
    Thread Starter d0cj0hn

    (@d0cj0hn)

    This did it, thanks a lot!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Price Layout’ is closed to new replies.