Change size and bold Price on Product Page

  • justinthedesigner

    (@justinthedesigner)


    8 years ago

    How do i change the price size? On my product page I have two different variations. When i change them it changes the size down below just above my add to cart button. But the price is so small. How is this a good place for the Correct Price to show? And up top is the “from price” that is large and bold? That makes no sense. My customers are going to just see the large from price and think thats the correct price.

    Is there a way to change the size and make the real price down below larger? maybe add some space in-between it and the add to cart button?

    Thanks for the help. Here is the URL to my page if you’d like to see it:
    https://justinsnyderphoto.com/product/belmont-pier-tower/

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

    (@riaanknoetze)

    That’s because of the theme you’re using – it’s not specifying any specific styles for the variation price once selected.

    You could try the following custom CSS:

    
.woocommerce-variation-price {
    font-size: 2em;
    color: #a48b5a;
}

    This can be added under **Appearance > Customize > Additional CSS**.

    Thread Starter justinthedesigner

    (@justinthedesigner)

    Thanks this helped alot. The only problem it gave me was the price now is squished up with the “in stock” and “add to cart button” would you by chance know how I can add some space between each of those?

    thanks again for your help.

    https://justinsnyderphoto.com/product/belmont-pier-tower/

    lorro

    (@lorro)

    .woocommerce-variation-availability {
  margin-top:12px;
  margin-bottom:12px
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change size and bold Price on Product Page’ is closed to new replies.