Changing the size and color of prices

Follow

Comments

9 comments

  • Avatar
    Ruben Nunez

    Is this still there? I look at the styles.css.liquid file and don't see #products .product .price {color: #000, font-size: 12px;}

  • Avatar
    Zetya Support

    Hi Ruben,

    You are right - this is now:

    .gallery .product .price {color: #000, font-size: 12px;}

    Thanks, Gavin.

  • Avatar
    Ruben Nunez

     

    .gallery .product .title, .gallery .product .price {padding: 2px 0;}

    .gallery .product .price del, #product-price del {color: {{ settings.accent_color }};}

    Thanks Gavin, but when I look I don't see that. I do see the following similar but not quite the same tag:

    .gallery .product .title, .gallery .product .price {padding: 2px 0;}

    .gallery .product .price del, #product-price del {color: {{ settings.accent_color }};}

    I want to make the font size and color the match the title.

     

  • Avatar
    Zetya Support

    To make the price match the title, add the following to styles.css.liquid:

    .gallery .price {

        color: {{ settings.a_color }};

        font-weight: bold;

    }

  • Avatar
    Ruben Nunez

    Thanks! That was very helpful.

  • Avatar
    Peeter Ilison

    Hi!

    How could I change the color of the price now?

    I don't find: .gallery .product .price {color: #000, font-size: 12px;}

    My aim is to keep the font and size, but turn the color black.

     

    Thank you in advance!

  • Avatar
    Zetya Support

    Hi Peeter,

    For the latest Vanity version, it is at line 972 of styles.css.

    Thanks, Gavin.

  • Avatar
    Matthew Coatsworth

    I don't even see a styles.css.liquid when I go to assets in the Supply Theme

    I would like to change the font size of my price but I'm not sure how to do that because I can't find styles.css.liquid

  • Avatar
    Zetya Support

    Hi Matthew, Please contact the developer of that theme. This forum is for the Vanity theme.

Please sign in to leave a comment.