WordPress.org

Ready to get started?Download WordPress

Forums

Changing font color of theme menu (6 posts)

  1. Nepherael
    Member
    Posted 1 year ago #

    Hi, I'm new to web designing and VERY new to using wordpress. I really like it though and am excited to use it for my blog and business site.

    Problem is I think I have exactly what I want for my business but there's one glaring issue. The font colors of the menus and post headers are purple and that doesn't even come close to jiving with my color scheme for my business. I'm using this theme.

    http://wordpress.org/themes/enough

    Can anyone tell me where I can go to edit the font color for the header menu and the post headers (which are clickable links for some reason even though it is already on the page for it)? I've been checking all the css files I can access from within the editor under the Appearance drop down in my admin area but everything I find that talks about color is either the page header (not the menu, like the site name) or the actual post content.

    Thanks for any insight you can provide. I don't think I can build from scratch and I can't find much else that matches the minimal look I'm going for with the right placement of everything

    Also, I'm doing all of this on a local install and will be transferring to or rebuilding on a host when I'm confident in what I've got going on

  2. The Enough theme doesn't have a CSS rule for a:visited so once you click on a link, the link color changes to your browser's default color for visited links, which is normally purple.

    To change the color in your theme add this code to the normalize.css file:

    a:visited {
    	color: red;
    }

    Just change the color to fit your preference. Let me know if you have any questions.

  3. Nepherael
    Member
    Posted 1 year ago #

    Thank you very much!

    Two things. First, where in the file should I place that line of code?

    Second, the links before being visited are blue like normal, is there also a line I can get for their default color before visited? On mouseover they're grey so I know that's there somewhere (unless that is also some sort of default)

    I can't believe it didn't click for me that that was the previously visited color haha.

  4. In the normalize.css file, for consistency, I would add it below the other link properties after line 134.

    To change the standard link color, you can add a line like this:

    a:link {
        color: red;
    }

    For further detail, check out this article: Smashing Magazine

  5. A word of advice...

    You should NEVER EVER edit core theme or plugin files.

    This means, you should never open up a themes files directly for editing. Instead, you should use a Child Theme.

    It's really not that difficult to setup. And, it will protect your changes down the road when it's time to upgrade your theme.

    Otherwise, if you make theme edits directly.. they will all be lost when the theme is updated.

    Optionally, you may use a plugin like THIS to make CSS changes safely.

    You have been warned ;)

  6. Nepherael
    Member
    Posted 1 year ago #

    Thank you guys very much for your help.

    I've decided the best route for me to go would be with the plugin. I installed a different one at the start (higher rating) and it didn't work then I installed the one you linked and it worked like a charm.

    I'm so pumped to get these websites launched and I'm glad there are people here to help!

Topic Closed

This topic has been closed to new replies.

About this Topic