• Resolved icrx

    (@icrx)


    Hey!

    I have created a twenty eleven child theme and I′m becoming more and more familiar with tweaking the design of the theme. But one thing I can′t figure out, is how to change the color when hovering over the menu…the menu blocks. I haven′t tweaked my menu yet, but take a look at my site if that helps and hover over one of my four links.

    icronox.com

    in advance…thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • Add this to your child theme css:

    #access li:hover > a, #access a:focus {
        background: -moz-linear-gradient(#C0C0C0, #E5E5E5) repeat scroll 0 0 transparent;
        color: #373737;
    }

    Change those hex values to whatever you like.

    Thread Starter icrx

    (@icrx)

    Nice, thank you very much. worked perfect. Have a nice day ??

    it is the style you are already working with:

    #access li:hover > a,
    #access a:focus {
    	background: #C0C0C0; /* Show a solid color for older browsers */
    	background: -moz-linear-gradient(#C0C0C0, #e5e5e5);
    	background: -o-linear-gradient(#C0C0C0, #e5e5e5);
    	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C0C0C0), to(#e5e5e5)); /* Older webkit syntax */
    	background: -webkit-linear-gradient(#C0C0C0, #e5e5e5);
    	color: #373737;
    }

    if you don’t see the changes in your browser, clear the browser cache by ‘reload’ing the page a few times or by pressing ‘CRL F5’ or whatever the browser needs.

    edit: too slow ;-( time to go out on a bike tour …

    Lol.. Hi alchymyth ??

    @icrx,

    Use alchymeth’s code. It is written for cross-browser compatibility. I forgot to mention that.

    Thread Starter icrx

    (@icrx)

    thanks hehe. now the challenge is finding good menu colors that works great with gradient….:) any tips will be received with tanks ??

    Thread Starter icrx

    (@icrx)

    will use alchymeth’s code ?? thanks

    Well… for great color combinations…
    https://colorschemedesigner.com/

    And for a gradient code generator…
    https://www.colorzilla.com/gradient-editor/

    Thread Starter icrx

    (@icrx)

    awesome! back to the drawing board…..lol

    Yeah… but you’re doing something fun ?? So that’s cool!!

    I’d much rather work with colors… than code ??

    Thread Starter icrx

    (@icrx)

    true that, you have a point ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Twenty Eleven menu block color’ is closed to new replies.