Responsive Menu (text color change)

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
lue5
 
 
Posts: 24
Joined: Mon Nov 06, 2017 8:37 am

Responsive Menu (text color change)

Post by lue5 » Thu Dec 14, 2017 12:14 pm

Hi Pablo,

Possible if I want to use different color on the menu title instead all in 1 color?

Thanks

User avatar
Pablo
 
Posts: 20645
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Responsive Menu (text color change)

Post by Pablo » Thu Dec 14, 2017 1:39 pm

I'm sorry, it is not possible to use a different color for the menu title.

User avatar
Patrik iden
 
 
Posts: 674
Joined: Wed Mar 24, 2010 9:07 pm
Location: Sweden

Re: Responsive Menu (text color change)

Post by Patrik iden » Mon Dec 18, 2017 10:36 pm

Hello.

You can modify the css code for the menu like this:
Just change the li:nth-child(1) part for every menu item.
Put this in an HTML box, between <HEAD></HEAD> tags.

<style>

#indexResponsiveMenu1 > li:nth-child(1) > a:nth-child(1){
color: #ff0000;
}

.fa-home {
color: #fff;
}

#indexResponsiveMenu1 > li:nth-child(4) > a:nth-child(1){
color: yellow;
}

.fa-user {
color: #999;
}

</style>

lue5
 
 
Posts: 24
Joined: Mon Nov 06, 2017 8:37 am

Re: Responsive Menu (text color change)

Post by lue5 » Wed Feb 07, 2018 4:33 pm

Hi Patrik,

Much appreciate. Will give a try.

Thanks again for the sharing.

Cheers mate

Post Reply

Who is online

Users browsing this forum: No registered users and 3 guests