WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] darkening menu and footer text (9 posts)

  1. eckles73
    Member
    Posted 11 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 http://treyeckles.com

    Thanks,
    Trey

  2. Andrew
    Forum Moderator
    Posted 11 months ago #

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

  3. eckles73
    Member
    Posted 11 months ago #

    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?

  4. Andrew
    Forum Moderator
    Posted 11 months ago #

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

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

    Generally I'd switch to another font.

  5. eckles73
    Member
    Posted 11 months ago #

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

  6. Andrew
    Forum Moderator
    Posted 11 months ago #

    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

  7. eckles73
    Member
    Posted 11 months ago #

    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?

  8. Andrew
    Forum Moderator
    Posted 11 months ago #

    #masthead { opacity: 1; }
    
    .main-navigation a,
    #colophon,
    #colophon a {
     color: #000;
     font-family: sans-serif;
    }
  9. eckles73
    Member
    Posted 11 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic