skin Mican change to Nota Question

[Johanna]

My site is using Mican Black  and i decided to have a look at the site in Nota blue.

I like nota better than mican but have a problem - question.

 I have over 800 products with product information written in a light blue color 

when I go to Nota, being a blue background, it is very difficult to read the product information  writing.

Is there a way I can change the product information color in one swoop or do I have 

to change every product individually .

 

I also noticed the pictures are larger in Nota, 

 

thank you

Johanna

 

 

[bsmither]

There may be a way. The approach involves an understanding of CSS Specificity (and specificity isn't simple).

 

If we can identify what CSS styles apply to the font color of your product information, we can try to override it with adding !important to the Nota stylesheet. There are two considerations: using !important is a cheaters way of getting out of a pickle, and this will set all of the product description text to the stated color.

 

In the stylesheet file /nota/styles/blue/layout.css, add this CSS rule:

 

#product_description > p {
  color: white !important
}

We are using layout.css (which is skin sub-style specific) because you may want different colors for each of the sub-style colors.

[Johanna]

Thank you Bsmither for your suggestion, it did  not appear to change anything. 

i tried the code you gave me on top and under. 

 

 

#product_description > p {

  color: white !important

}

 

/* !BLUE */

body {

background: #000 url(../../images/blue/background.jpg) no-repeat center 35px;

}

 

We at least tried

Johanna

[bsmither]

Please verify you are using Nota-Blue (as opposed to any other color).

 

Then, have your browser force requesting all new copies of the resources. It could be that your browser is not realizing that the CSS file has changed and is using a cached copy.

 

And just make sure we are overriding a style you have given to your product description text properly, please let us know a web page where we can look at the HTML.

[Johanna]

bsmither,

 

 

 

 

I cleared my browser "Chrome" and siteground cache,  

This page , under product information is the faint writing, if you left mouse click and drag , its readable and "white"

http://jotogifts.com.au/yellow-gold-diamond-ring-p896.html

 

thanks for your help 

Jo

[bsmither]

We did not achieve greater specificity with what we added, so we shall try this next step as well.

 

Keeping what you have done so far, in layout.css, add the new rule after what you added earlier:

#product_description > p {
  color: white !important; /* I missed the closing semi-colon, be sure to add it */
}
 
#product_description > p > span {
  color: inherit !important;
}

[Johanna]

Added the extra to Layout.css  and the semi colon at the end of the word "important"

no change , may be its not that easy, but it's an interesting problem .

--------------------------------------------------------------------

 

/* !BLUE */

body {

background: #000 url(../../images/blue/background.jpg) no-repeat center 35px;

}

#product_description > p {

  color: white !important;

}

#product_description > p > span {

  color: inherit !important;

 

------------------------------------------------------------------------------}

[bsmither]

I am suggesting these changes based on what Firebug (a Firefox browser plugin) allows me to change with respect to the page and resources (css, javascript, etc) received by Firefox.

 

The text does change in my experiments.

[Johanna]

Thank you for all your time with this question, 

It was interesting to try , some things are easy some things are not, 

Guess this drops into the "are not " group. Have a great day, live long and well

Johanna 

[bsmither]

Maybe it is just Chrome being contumacious.

[Johanna]

bsmither,

 

Decided to start on the daunting task of changing  every product writing to white , 

Did the first one and  -- all the rest in the site changed to white.

 

Go figure that one, anyway very happy about it,

 Johanna