Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   A different color for each menu tab (http://forum.bytesforall.com/showthread.php?t=12572)

Pierre Feb 1, 2011 09:44 AM

A different color for each menu tab
 
Hi all

Thanks for your amazing work here.

I need to find a way to put a different color on each of my menu tab.

If you were also kind enough to give me the code + where to put it for :
permanent state
selected state
hover state

website : www.monwe.fr

Thanks a lot.
I am selling this option right now, so I'll be glad to share some of it.:)

Thanks

Pierre

juggledad Feb 1, 2011 10:03 AM

1) view the site
2) use the browsers option to view the source
3) locate the menu area of the code
4) identify a unique ID or CLASS for each menu item
5) use that ID or CLASS to construct a CSS Selector and the CSS rule to change the color
6) put the code in the 'CSS Inserts' option

a great reference for CSS is w3schools.com/css

Pierre Feb 1, 2011 10:25 AM

All that done :

1- view the site OK
2- use browser option to view the source : OK (using firebug)
3- locate menu area : OK
4- id unique Class for menu item : OK (see hereunder)
5- could you give an example on line 2 of my Classes please ?
6- I understand that one, except if there's a better place in CSS inserts to put it ?

Here are the Classes (if i've taken the right lines) :

<li class="page_item page-item-2 current_page_parent">
<li class="page_item page-item-9">
<li class="page_item page-item-11">
<li class="page_item page-item-13">
<li class="page_item page-item-16">
<li class="page_item page-item-18">
<li class="page_item page-item-52">

Thanks a lot for the website re CSS, I think I've found it myself, which is great :)

Here's what I believe :

.9 {background-color:fffffff;}



I'd like the tab background color of Class 9 to be #FFFFFFF; instead of #CCCCCC;

would you code that one for me please Juggledad ?

Pierre Feb 1, 2011 10:45 AM

Thanks a lot to STB and JD, you both made my day.

This is my first visit into the unknown (and scary) world of CSS, but I have to say you 2 made it nice and cosy.

Again, a big thanks

I do have (and use a little) Firebug.

I'll try it right away.

Cheers


All times are GMT -6. The time now is 09:59 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.