darkening menu and footer text

  • Resolved eckles73

    (@eckles73)


    11 years, 3 months ago

    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 https://treyeckles.com

    Thanks,
    Trey

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter eckles73

    (@eckles73)

    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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

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

    Generally I’d switch to another font.

    Thread Starter eckles73

    (@eckles73)

    …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…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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;
}

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

    Thread Starter eckles73

    (@eckles73)

    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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    #masthead { opacity: 1; }

.main-navigation a,
#colophon,
#colophon a {
 color: #000;
 font-family: sans-serif;
}
    Thread Starter eckles73

    (@eckles73)

    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 ‘darkening menu and footer text’ is closed to new replies.