WordPress.org

Support

Support » Themes and Templates » [Resolved] darkening menu and footer text

[Resolved] darkening menu and footer text

  • Hi There,
    I know that this is a question that’s been asked before, but so far, I haven’t been able to find a resolution. If anyone would be so kind, I need help changing the menu and footer text in the Spun theme so that the words are darker and more legible and do not disappear when not hovering over them. I would also like to keep the Header from going transparent when not hovering over that.

    I’ve already made a child theme and have altered the text of the footer, but can’t manage to change the color opacity. In another post, WPyogi helped resolve a similar issue by instructing the poster to add this CSS:
    #colophon, #colophon a {
    color: #999999;
    }
    I tried that and didn’t have any luck, so I figure I must not be putting it in the right spot.

    Any help would be greatly appreciated!

    My website is http://treyeckles.com

    Thanks,
    Trey

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    Can you clear your cache? Your footer text is grey to me (your CSS has worked).

    Thanks, Andrew. You’re right, the footer now appears to be static, but it’s still to vague to read when using Firefox. I tried viewing it with Chrome and it’s a little easier to read. How could I make it darker/thicker and do the same with the menu items and header?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Can you try a darker shade of grey, i.e Black?

    #colophon, #colophon a {
     color: #000;
    }

    Generally I’d switch to another font.

    …hmmm, that didn’t seem to do anything either. I’m kind of ashamed to say it, but I still have absolutely no clue about how to go about changing the font or the thing about having to hover over the text. I guess I’ll go and do more searching and reading…

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Again that worked for me, your font turned black. If you want to see immediate changes make sure you clear your browser’s cache.

    Try changing the font to a general sans-serif font:

    #colophon, #colophon a {
     color: #000;
     font-family: sans-serif;
    }

    http://www.w3schools.com/cssref/pr_font_font-family.asp

    Thanks, Andrew! You’re right, that’s much better now. I guess the problem was I was just refreshing the page rather than clearing the cache.

    What would I need to do to perform the same trick on the main menu text?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    #masthead { opacity: 1; }
    
    .main-navigation a,
    #colophon,
    #colophon a {
     color: #000;
     font-family: sans-serif;
    }

    Awesome! Thank you so much for your help and patience with a clueless noob, Andrew.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] darkening menu and footer text’ is closed to new replies.