Changing the color of all the links

Hello,
My name’s Prasad. I would like to help you if you are still having trouble. From first inspection, there seems to be a grey.css file which is responsible for some links to appear as grey. Did you try changing the links in that file?

Regards,

Prasad.

I mean color for links in grey.css file.

Hi Prasad! I appreciate it. The original theme has the user select a skin and the one we chose was grey, even though we’ve coded that out of our design. Is it standing in the way of me editing the link color? Is there something I could add to my custom CSS?

Hi, I guess wordpress is loading the grey.css which is attached when you selected the skin. Pardon me, but i don’t understand how you have coded that out of your design? Are you playing with directly with theme css or have you created a child theme?

That’s a good question. Let me explain. This site is for work, and a web designer originally created it using the Customizr theme. I have now taken over the site and changed the design so that we are not using the look of the grey skin anymore. I didn’t actually code it out, I just created a Custom CSS code that changed the appearance of the original theme.

Very well, what would help is creating a child theme from the original customizr theme that you got from the designer and its enough to have just the style.css file(where you specify the theme to the child theme) and try changing the link colors. Or you can change the link colors directly in the grey.css file itself. Please let me know if you tried these and if it worked.

On another note, you have some styling issues with the “start project” button right to the contact link in the main navigation. But i guess you must have noticed that by now :D. Just trying to help.

I’ll try that!

And yes I know, it’s maddening. There are several of those buttons throughout the site, and if you notice the one in the footer, that’s what I’m aiming for. But the one in the nav.bar is giving me trouble.

It is not advisable to alter core files…unless you know what you are doing and are prepared to redo those changes on theme updates…

For changing link colors, try this by adding it to your custom css or if you create a child theme you can put it in the child theme’s stylesheet:
a { color: red; }
Change “red” to whatever you want…this selector is extremely generic and this should change every link on your main content…let me know if you have issues…

Here’s the code to change for the button on the nav bar to work. just change the color to whatever you want.

div.navbar li.menu-item.button a {
    color: #09C;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 5px;
}

If you would like further help please let me know.

Also…have you seen the snippets? They provide a lot of useful information even beyond helping with changes, check out everything the page has on it…

Thank you deputy05! That fixed the links color.

As for the button, I entered that into the CSS and changed the color to #0099CC and it still didn’t work. All I need is for the text to be #0099CC before you hover over it.

You could also just change the theme’s skin color, which would also change the default link colors…but if you like the grey then use my solution posted above…if you do change the skin color my solution above will override the default link color, so would have to remove it…

Anyways…

For the button, try this (the one on the home page, correct?):

.navbar li.menu-item.button a { color: #0099CC; }
.navbar li.menu-item.button a:hover { color: white; }

edit: I meant the button in the navbar…you do not need all of the other properties mentioned above by sprasad, unless you want to change them too…

I tried that on the button and it’s still not working!

Funny…it works for me…did you force a page refresh? or maybe clear your cache…