WordPress.org

Forums

Two CSS related questions (Hover color and footer) (6 posts)

  1. tomnevitt
    Member
    Posted 1 year ago #

    Hi there,

    I currently work for the HoneyRose Foundation and manage their blog at honeyrosefoundation.org.uk I'm in the process of trying to change the color scheme to a uniform red and gold theme. But my CSS is limited. There's two things I need:

    1. How to change the hover color of the drop down menus from grey to gold.

    2. There's a border at the bottom (with the charity's contact details), at the moment, the current color scheme makes it unreadable. Is there any way to change the color of this to make it work?

    The site is using the Blocomo theme, a child of Twenty Twelve.

  2. tomnevitt
    Member
    Posted 1 year ago #

    Apologies for the bump, but I have resolved one query and this does not seem to let you edit posts after a while. By border I meant footer. Heh, I was tired when I wrote that. But anyway, I felt like it'd be more appropriate to just get rid of the footer entirely because the contact details are already on the site (I didn't put that there, someone else did)

    That just leaves my hover color query. Any ideas? I also want to change the color of the page the user is currently on as it clashes against the red toolbar.

    The blog is http://www.honeyrosefoundation.org.uk

  3. batharoy
    Member
    Posted 1 year ago #

    .main-navigation li ul li a:hover {
    background: #FFD700;
    }
  4. tomnevitt
    Member
    Posted 1 year ago #

    That did it, thanks : )

    I've got another question now because the boss wants the primary nav menu changed to red and white to make it stand out (She wants the gold color of the hover function to stay though) I've changed it to a red background, but is there any way to change the link color to white? I've tried looking through Firebug but I can't think which code is the appropriate one to change. My first guess was adding code to this section

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid;
    border-top: 1px solid;
    color: #ffffff;
    background-color:#aa032a;

    To which it did nothing. Any help with this would be appreciated.

  5. stephencottontail
    Member
    Posted 1 year ago #

    Try:

    .main-navigation li a {
        color: #ffffff;
    }
  6. tomnevitt
    Member
    Posted 1 year ago #

    That worked. : ) One more question and I think I can call this resolved then. How do I change the colour of the link the user is currently on? (What I mean is, say if they're on News, at the moment the "Current link" is grey.

Topic Closed

This topic has been closed to new replies.

About this Topic