How to stylize the product price text?

  • Profile Image
    sittercritter
    Asked on March 01, 2012 at 09:43 PM

    You guys are great! I am told that the dollar sign and dollar amount (the prices) are so gray that older people and people with so-so eyesight cannot read the prices in my payment form. How can I change the size and color of the font for these?



    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    NeilVicente
    Answered on March 01, 2012 at 09:54 PM

    Inject these custom css codes to your form to change the font color and size of the product price:

    .form-product-details b {
    color: black;
    font-size:10px;
    font-style: normal;
    }

    How to inject custom css codes?

    You may change the following properties of that code:

    font-color  -  choose any color code or color name you prefer
    font-size  -  increase of decrease the number to adjust the size
    font-style:normal;  -  remove this line if you'd like to keep the font italicized

  • Profile Image
    sittercritter
    Answered on March 01, 2012 at 10:38 PM

    Thank you!

     

    And thanks for those great color code charts!