Product Description font colour

Hi guys,

I have had a very frustrating day attempting to change the font colour of the description box for products. I am running virtuemart and the gk_bikestore Joomla theme. For the life of me I cannot change the colour from 777777 to anything else. If anyone can have a look at this page in Firebug or their chosen method I would be very grateful.

http://www.seaweedlifeproducts.com/inde ... 0ml-detail

As far as I can see - those styles are inline paragraph styles.
They might be added by wyswig editor. Try to change them directly from editing single product's description in administrator panel.

Hi Cyberek,

Thank you for the reply - I have managed to change most of the text but am unable to find the problem with the text for the cart aside and main page text. They are stubbornly dark.

http://www.seaweedlifeproducts.com/inde ... 0ml-detail

Could there be something not allowing the font to change? I really feel like I've searched every style sheet and css file there is.
Any ideas?

algen

Firstly I would suggest You to put background color with opacity to Your entire "content" section of your page. It will still look great, but text will be much more readable.
You can do it by turning on use of override.css in your template settings, and adding at its end:

Code: Select all

#gkPageWrap {background-color: rgba(0,0,0,0.5)}


You can play with those numbers, as they are r (0-255) g (0-255) b (0-255) alpha (0-1, where 1 is 100% opacity and 0 is 0% opacity)

Then please copy and paste the text from element's color You would like to change, or create screenshot and somehow highlight places that You would like to modify.

You also have a typo in template.css:

Code: Select all

body {
  min-height: 100%;
  background: fac444;
  font-size: 14px;
  line-height: 2;
  color: fac444!important;
  padding: 0 15px;
  font-weight: 300;
  word-wrap: break-word;
}


background: fac444; and color: fac444!important;

should be:

Code: Select all

body {
  min-height: 100%;
  background: #fac444;
  font-size: 14px;
  line-height: 2;
  color: #fac444 !important;
  padding: 0 15px;
  font-weight: 300;
  word-wrap: break-word;
}


You always need to put # before hex code of the color. There might be the same problem in different places You have edited.


PS.
Also this file:
http://www.seaweedlifeproducts.com/temp ... rounds.png
doesn't exist.

Cyberek - my sincere thanks. Talk about not seeing the wood for the trees. The missing # made the difference for the text and your suggestion on the background opacity has made it so much more legible.

I'm not saying you guys won't see me in here again but this has me well on the way.

Support like this has made me glad I picked a theme from Gavickpro and I wish you guys all the luck.


Thank you again.

algen