Two CSS related questions (Hover color and footer)

  • tomnevitt

    (@tomnevitt)


    10 years, 2 months 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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter tomnevitt

    (@tomnevitt)

    10 years, 2 months 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

    batharoy

    (@batharoy)

    10 years, 2 months ago

    .main-navigation li ul li a:hover {
background: #FFD700;
}
    Thread Starter tomnevitt

    (@tomnevitt)

    10 years, 2 months 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.

    stephencottontail

    (@stephencottontail)

    10 years, 2 months ago

    Try:

    .main-navigation li a {
    color: #ffffff;
}
    Thread Starter tomnevitt

    (@tomnevitt)

    10 years, 2 months 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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Two CSS related questions (Hover color and footer)’ is closed to new replies.