How to create colorful top menu? (Resolved)

Quote

Post by saywhat » Sun Oct 19, 2014 10:43 am

Hi guys, sorry if i re-open the topic but my previous topic disappear for some reason ??? . How to create top menu with different colors for each of the menu tabs? :)

Regards
Last edited by saywhat on Sun Oct 19, 2014 11:51 pm, edited 1 time in total.
saywhat
Newbie
Posts
9
Joined
Sun Oct 19, 2014 10:02 am
Top

Re: How to create colorful top menu?

Quote

Post by dzastinaslt » Sun Oct 19, 2014 5:56 pm

Like here? http://shop.adele.lt/?tracking=ocforum
dzastinaslt
New member
Posts
30
Joined
Mon Mar 05, 2012 6:01 pm
Top

Re: How to create colorful top menu?

Quote

Post by saywhat » Sun Oct 19, 2014 6:05 pm

Hi dzastinaslt , exactly. I want to have different color for each tab. :)
saywhat
Newbie
Posts
9
Joined
Sun Oct 19, 2014 10:02 am
Top

Re: How to create colorful top menu?

Quote

Post by dzastinaslt » Sun Oct 19, 2014 6:10 pm

In Chrome select "Inspect element" then on the tab's <li> element press RMB and select "copy CSS path" then paste it in your stylesheet and add background-color property or any other properties you want for this tab. Repeat with all tabs but have in mind you'll have to redo coloring if you change tabs positions.
dzastinaslt
New member
Posts
30
Joined
Mon Mar 05, 2012 6:01 pm
Top

Re: How to create colorful top menu?

Quote

Post by saywhat » Sun Oct 19, 2014 11:51 pm

Yes, coping the nth-child(..) and adding the color properties did the trick.
Thanks, dzastinaslt. :)
saywhat
Newbie
Posts
9
Joined
Sun Oct 19, 2014 10:02 am
Top

Re: How to create colorful top menu? (Resolved)

Quote

Post by dzastinaslt » Mon Oct 20, 2014 12:32 am

You're welcome! Show what you've done with it?.. ::)
dzastinaslt
New member
Posts
30
Joined
Mon Mar 05, 2012 6:01 pm
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: No registered users and 3 guests