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
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
No such file
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
cellista.no/ny/packages/bootstrap/css/flatly/bootstrap-overwrites.css
I found a reference here:
http://cellista.no/ny/packages/bootstrap/css/flatly/bootstrap.css...
line 3960 I think
http://cellista.no/ny/packages/bootstrap/css/flatly/bootstrap.css...
line 3960 I think
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
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.)
Also, be sure to clear all your caches (C5 and browser etc.)
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