When I use the PAYPAL tool, the font for the product prices is light gray and small. Is there a way to make the price listing larger?

  • Profile Image
    michaeldeosdade
    Asked on March 01, 2012 at 09:46 PM
  • Profile Image
    abajan
    Answered on March 01, 2012 at 10:05 PM

    Yes, there is. The class for those prices is form-product-details. So, to style those prices use that class as the selector for your injected CSS rule. For example:

    .form-product-details {
    font-size: 12px;
    color: #060;
    font-family: Georgia;
    }

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

    I tried that and it changed everything BUT the small, grayed out numbers.  It changed the label text which was fine.  Help....

  • Profile Image
    michaeldeosdade
    Answered on March 01, 2012 at 10:19 PM

    Thanks. How about removing the USD? How can this be done?

  • Profile Image
    abajan
    Answered on March 01, 2012 at 10:46 PM

    @sittercritter
    Did you inject the CSS as described in the user guide link I posted above? If it's the form on the page whose link you provided, the PayPal field should look like this after injecting the rule:


    Is that not what you see after injecting the rule above? (Granted, there ought to be a space between the "h" in month and the opening parenthesis but I'm sure that can be easily corrected by either typing an actual space or a non-breaking space.)


    @michaeldeosdade
    As there's no class assigned by the form builder for that element, and no option in the payment wizard to remove it, the only solution I can think of would be to embed the form's full source into a web page and manually remove each occurrence.

  • Profile Image
    michaeldeosdade
    Answered on March 01, 2012 at 10:50 PM

    Thanks for your help. It's not that big a deal, so I'll leave it for now. It would be nice to have the option in future updates to remove the USD as we're selling to US customers only.

  • Profile Image
    abajan
    Answered on March 01, 2012 at 10:54 PM

    Yes, I agree. I'll forward the suggestion to our developers.

  • Profile Image
    serkan
    Answered on March 05, 2012 at 08:18 AM

    I've wrapped the currency part in a class, so you can hide them using CSS.

    Please add this in your inject custom CSS section

    .curr-text{
        display:none;
    }