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?
-
michaeldeosdadeAsked on March 01, 2012 at 09:46 PM
-
abajanAnswered 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;
} -
sittercritterAnswered 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....
-
michaeldeosdadeAnswered on March 01, 2012 at 10:19 PM
Thanks. How about removing the USD? How can this be done?
-
abajanAnswered 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. -
michaeldeosdadeAnswered 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.
-
abajanAnswered on March 01, 2012 at 10:54 PM
Yes, I agree. I'll forward the suggestion to our developers.
-
serkanAnswered 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;
}