Menu and image problems with TwentyEleven

  • Hi,

    I’m using a child theme for the TwentyEleven theme and am just getting to know how to use a child theme. I got 4 problems as of now though.

    1. It seems I canno’t make the thin grey line around my menu disappear, just want it to be solid white around the menu.

    2. I want there to be no gradient white/gray background when hovering over the different menu choices, just white as background.

    3. When a menu link is active, I want this to be gray and not black as it is of now.

    I’ve tried changing the different lines looking under menu in the style.css for the TwentyEleven one but can’t seem to get it right either way.

    My last problem which is under the menu Pagaende Projekt, is that around every image there’s a border and when hovering over an image it shows a gray/white gradient color. I want this gone, just white.

    My site is https://www.deurellarkitekter.se

    Thanks for reading in advance

    Regards,
    Apachez

Viewing 7 replies - 1 through 7 (of 7 total)

  • 1. It’s a box shadow, Try:

    #access {
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}

    2. Quick fix. Try:

    #access li:hover > a,
#access a:focus {
	background:none
	background: -moz-linear-gradient(#fff #fff);
	background: -o-linear-gradient(#fff #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffff), to(#fff));
	background: -webkit-linear-gradient(#fff, #fff);
}

    3.

    #access .current_page_item > a, #access .current_page_ancestor > a {
    font-weight: normal;
}

    4.

    img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
    border:none;
    padding: 6px;
}
a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
    background: #fff;
}

    Thread Starter apachez

    (@apachez)

    Thank you for the quick reply esmi, it sorted everything out, almost.

    It seems I figured out how to make the active menu in bold, since it stands out more then. What doesn’t work, is that the active menu should be gray, it is still black.

    Which line of code is needed to make this work?
    `

    The active (current) menu item is just bold – not blacker than any of the other menu links.

    Thread Starter apachez

    (@apachez)

    Even though it’s not blacker than any other menu, can I change the current menu into a shade of gray instead?

    The color I’d like on the current menu is #949494

    #access .current_page_item > a, #access .current_page_ancestor > a {
    color: #949494;
}
    Thread Starter apachez

    (@apachez)

    Great, that solved it.

    Just a tiny tiny problem now. When on the current menu link, hovering over it, it changes to black. How do I turn this into
    #949494 gray aswell, so it doesn’t “blink” black when you hover over it?

    I think it’s something along the #access li:hover > a, line but I can’t quite figure it out..

    I’m sorry esmi, I’m new to WP overall and also using a child theme. Greatful I am that you take your time to respond, really. I’ve said it before today and I’ll say it again; WP seems to have a great community helping each other out.

    Have you thought of using Firefox with the Firebug add-on for this kind of work. It makes finding the right CSS rule so much easier.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Menu and image problems with TwentyEleven’ is closed to new replies.