Ecommerce font colours

  • 1
  • Question
  • Updated 7 years ago
  • Answered
How do I change the font colour for ecommerce listings?

When I put a listing up using the ecommerce feature both the price and product title are set to default dark grey, i cant see any way to change the colour of those two, it's quite disappointing if your background is already a dark colour and you want the product title and price to be gold.
Any suggestions?
Photo of Richard

Richard

  • 5 Posts
  • 0 Reply Likes
  • frustrated

Posted 7 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Richard

You would need to do a bit of custom coding to alter Ecommerce font colors. Here's the code you would need to add to your HTML Widget:

<style type="text/css">
.PayPalProduct_Default .titleTop {
color: #5dc4d3;
}

.PayPalProduct_Default .desc {
color: #5dc4d3;

}

.PayPalProduct_Default .price {
color: #5dc4d3;
}
</style>

You can alter the hex value to the color you desire.

I hope that helps!
Photo of Richard

Richard

  • 5 Posts
  • 0 Reply Likes
Hello Sanja,
thanks for the swift reply. I can't see any option to drag html or code into the ecommerce widget? or can i just drop the html widget anywhere on the page?
Please let me know as I think i understand the code and what your saying but i am not sure where i should be dropping the html widget.
thanks again for your help and time.
Rich
Photo of CA

CA

  • 1 Post
  • 0 Reply Likes
Sanja, could you reply with the code for the exact same except for the online store widget? The default grey text isn't cutting it.
Thanks in advance!!
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi CA,

You need to go into the Store and edit the CSS there. This is a different module completely.

You can see some instruction here: CSS Faq
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Rich

Sorry for the confusion. You just simply need to drag an HTML Widget from the "Basic" folder onto your page. It can go above your Ecommerce Widget.

I hope that clears things up!
Photo of Richard

Richard

  • 5 Posts
  • 0 Reply Likes
Hi,
Ok. thank you so much for your patience and your swift response. I will give this a try immediately. I know I'm being such a pain here, but is there a colour table or hex value list where I can simply copy the number/code into the existing code you've given me? As i want to change the title and price to gold or yellow so it stands out on my darker blue or black background.

I really appreciate all your help.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Rich

Yes.. you can see our HTML Color code chart here: http://html101.yolasite.com/html-colo...

I hope that helps!
Photo of Richard

Richard

  • 5 Posts
  • 0 Reply Likes
Hello Sanja
Absolutely! thank you so much! You've been a big big help to me, and you replied so quickly with all my questions. :-D
I am still quite new to Yola and this customer service site, so i am learning quite a lot. Most of what i have done is self taught and i just got so frustrated with not being able to alter the colours of those prices and titles.

Your patience and help and guidance have been fantastic. :-D
Photo of Richard

Richard

  • 5 Posts
  • 0 Reply Likes
Thank you for the help!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
It has been my pleasure to assist, Rich!