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 |
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 |
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 ? |
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 05:17 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.