Change Nav Bar Font Color in LittleTad

Latest Reply from Dave at 2017-12-18 03:48:32 Solution
New to the forum and SM Themes. This may be a n00b question. I want to change the color of the font used in my main menu nav bar of the LittleTad theme. Based on other threads of similar inquiry, I changed the color code found in the file style.css to no avail. I am basically just trying to reverse the color and hover color to see how that looks. I've had feedback that the color, the way it comes stock is hard for some people to read and wanted to tinker with it.

Below you can see where I changed the file, but nothing has happened after replacing the original style.css file. Any insight into what I may be doing incorrectly would be much appreciated!

#main-menu ul.nav-menu > li > a {
color:#fff;
padding:29px 20px;
font-family:'gloria_hallelujahregular';
text-transform:uppercase;
font-size:16px;
text-shadow: 1px 2px 0 rgba(255,232,0,0.8);
}
#main-menu ul.nav-menu > li:hover > a {
color:#6a4d2c;
text-shadow: 1px 2px 0 rgba(255,232,0,0.5);
Hi!

Could you give us the URL of your website, please?
Sure thing. It's https://streamdreamers.com.
Ok. I'm pretty sure I did the exact same thing I did before when changing the color code. However this time, it appears to have worked after reloading the page a couple of more times. Sorry to have wasted anyone's time. I think I'm good. Thank you, Dave, for such a quick response and offering to look into it anyway!
Sometimes it happens because of some third-party cache plugins which must be deactivated while delving in code.

Leave a reply

Add codeAdd image