WordPress.org

1. apachez
   Member
   Posted 9 months ago #

   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 http://www.deurellarkitekter.se

   Thanks for reading in advance

   Regards,
   Apachez

2. esmi
   Theme Diva & Forum Moderator
   Posted 9 months ago #

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

3. apachez
   Member
   Posted 9 months ago #

   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?
   `

4. esmi
   Theme Diva & Forum Moderator
   Posted 9 months ago #

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

5. apachez
   Member
   Posted 9 months ago #

   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

6. esmi
   Theme Diva & Forum Moderator
   Posted 9 months ago #

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

7. apachez
   Member
   Posted 9 months ago #

   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.

8. esmi
   Theme Diva & Forum Moderator
   Posted 9 months ago #

   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.

Reply

You must log in to post.