Colour changed without being altered?

[rainbow_pixie_star]

[Note: remember to include site URL, ZC version, list of plugins, PHP version, etc ... read the Posting Tips shown above for information to include in your post here. And, remove this comment before actually posting!]

Hello,
I have just notived that a few of the links on my site (craftjam.co.uk) have changed colour? However I havent altered any colours for a very long time!
Cartproducttitle, Help (?), largeri= image link.

I have tried to locate it in css and css colour, however as I do not know the code for the blue colour, I am struggling to find it. I have also used inspect element and it isnt showing on there either.

DOes anyone know what this is?

Thanks
A

[rainbow_pixie_star]

Also, when I click the product link, it flashes blue then back to the grey colour I use.

Thank you
A

[lat9]

You've got a hover-color, e.g. a:hover { background-color: blue; }, defined for the button.

[rainbow_pixie_star]

Hi,
The ones mentioned in the first message arent hover over are they? They are always showing that colour now. They werent before so not sure what has changed.
Or if I am incorrect and they are still classed as hoverover, can you point me to the code where I can remove it please.

A

[lat9]

There are usually :visited stylings as well, e.g. a:visited { color: red; }, that identify links that a customer has (er) visited before. Perhaps that's where the color change is happening.

Since you're using the responsive_classic template, I suggest that you look at the /css/stylesheet_colors.css to find that unwanted CSS selector.

[simon1066]

The 'blue' you mention seems to be line #8 of stylesheet_colors.css

a:active {color:#0000ff;}

I used Firefox's Inspect Element feature on one of the links - you have to make sure that the pseudo class checkoxes (hover, active, focus etc) to the right of the inspector screen are checked.

[rainbow_pixie_star]

Hi,
Thanks for that blue colour code. I have changed it but it only changes the blue I get when I click a product link.
I still have permenantly blue coloured links on the 'larger image link' and the name of the product in the cart link.

The 'pseudo class checkoxes' I could not locate. So was unsure about that.

Still looking through the stylesheet colours document however I am not seeing a reference to a blue colour that I can change.

Thank you
Amy

[simon1066]

Yes, sorry I didn't explain the pseudo thing very well - you have to click on the ':hov' link this then displays the checkboxes below it. This image:


After your stylesheet edits your site seems fine in Chrome, but there's something strange going on in Firefox whereby it's getting the blue from a 'PreferenceStyleSheet' which seems to be a Firefox thing. Must admit I haven't seen that before and clearing cache etc. has no effect.

[simon1066]

Of course it now makes sense that 'PreferenceStyleSheet' would be the colours set in your Firefox Options under Tools > Options > Language and Appearance > Colours. But there must be a reason why your site is using those rather than your own stylesheet; it looks like there's an error in your stylesheet_colors.css

Look at line #3 right at the end there's
#icon, {color:#777;}

change it to
#icon {color:#777;}

That should be it - got there in the end!

(Also: look that line #4 there's an error there aswell - you can validate your css files by using https://jigsaw.w3.org/css-validator/)

[dbltoe]

Line 3 of the stylesheet_colors.css is one of the main reasons we did the color change mod. That line modifies hovers, links, visited links, and MANY more. Every time you touch the color of one thing, six other items changed that you did not want to change.

Several errors in the stylesheet.css lines 121, 140, 303, 305, and 350.

stylesheet_dropdown-menu.css lines 12 and 15.

stylesheet_flexible_footer_menu.css lines 12 annd 17.