Cannot find CSS style

Permalink
Hello.

I want to do a simple little editing in the bootstrap css file. I want to change the hover color in the navbar from green to light gray.

What I did was to double click on the menu item, choose "inspect element" (in Chrome) and look for where the correct class is so I can change it.

The problem is that the element inspector tells me the css class is in a css file in files->cache->css.

I tturned off cache in the system settings, cleared cache and also deleted all files in the cache folder on the website. Then I reloaded the page and checked the element. Still it tells me the class is in a cache css file. ????????

I just installed Miser. Can that be the problem? or is it just me that cannot use the element inspector the right way?

URL:http://www.cellista.no/ny

djoniba
 
HopeL replied on at Permalink Reply
HopeL
Hi djoniba,

In your theme do you have a css file somewhere named merge.css? If so, you could edit this line:

a:hover,a:focus{color:#18bc9c;text-decoration:underline;}
Replace the color:#18bc9c; with your desired color.

I am not sure about the cache as I'm new so I'll defer to the experts here for your other questions.

Hope
djoniba replied on at Permalink Reply
djoniba
No such file
HopeL replied on at Permalink Reply
HopeL
Could it be in one of the Bootstrap's CSS files? I found reference to that color here:
cellista.no/ny/packages/bootstrap/css/flatly/bootstrap-overwrites.css
keeasti replied on at Permalink Reply
keeasti
I found a reference here:
http://cellista.no/ny/packages/bootstrap/css/flatly/bootstrap.css...

line 3960 I think
djoniba replied on at Permalink Reply
djoniba
I removed Miser since Miser har merged css files to cache (wich I guess is OK, but not when you are developing the website). After removing Miser, Development tools told me the color code is in bootstrap.css in the file for the color theme I am using. Just as I thought :) But changing the color there has not helped. Very strange
keeasti replied on at Permalink Reply
keeasti
Pretty sure it is in bootstrap.css ... could it be that there is more than one (say due to a move or upgrade etc.?)
Also, be sure to clear all your caches (C5 and browser etc.)