Johanna Posted August 13, 2014 Share Posted August 13, 2014 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 Quote Link to comment Share on other sites More sharing options...
bsmither Posted August 13, 2014 Share Posted August 13, 2014 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. Quote Link to comment Share on other sites More sharing options...
Johanna Posted August 13, 2014 Author Share Posted August 13, 2014 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 Quote Link to comment Share on other sites More sharing options...
bsmither Posted August 13, 2014 Share Posted August 13, 2014 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. Quote Link to comment Share on other sites More sharing options...
Johanna Posted August 14, 2014 Author Share Posted August 14, 2014 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 Quote Link to comment Share on other sites More sharing options...
bsmither Posted August 14, 2014 Share Posted August 14, 2014 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; } Quote Link to comment Share on other sites More sharing options...
Johanna Posted August 14, 2014 Author Share Posted August 14, 2014 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; ------------------------------------------------------------------------------} Quote Link to comment Share on other sites More sharing options...
bsmither Posted August 14, 2014 Share Posted August 14, 2014 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. Quote Link to comment Share on other sites More sharing options...
Johanna Posted August 14, 2014 Author Share Posted August 14, 2014 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 Quote Link to comment Share on other sites More sharing options...
bsmither Posted August 15, 2014 Share Posted August 15, 2014 Maybe it is just Chrome being contumacious. Quote Link to comment Share on other sites More sharing options...
Johanna Posted August 21, 2014 Author Share Posted August 21, 2014 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 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.