Joomla Templates Club 406,261 posts

[eagle75au Friend eagle75auJoin date: March 2011Posts: 43Downloads:71Uploads:15 Thanks: 7 Thanked: 1 times in 1 posts]

#684167

Hi All,

Can someone please help me, I would like to align the main menu to the center and also I would like the ‘Promotions’ menu name to be a different color to the other menus, is this possible?

http://www.onlinesystemrepairs.com

Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#684327

Hi,

You can find my answer with your question below

+ Align Menu to center

Open templates/ja_business/themes/blue/css/template.css file add new rule

div#ja-megamenu {
margin: 0 auto !important;
width: 65% !important;
}

+ Text color with menu item

Go to backend site -> menu -> main menu -> and select the menu item needs to add the other color and do this as my example below

Add the text-menu-color style into Link CSS Style

Open templates/ja_business/themes/blue/css/template.css file and add the new css style

.t3-mainnav .navbar .nav > li > a.text-menu-color {
color: red;
}

Hope it helps

Regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#748745

Hi,

You can find my answer with your question below

+ Align Menu to center

Open templates/ja_business/themes/blue/css/template.css file add new rule

div#ja-megamenu {
margin: 0 auto !important;
width: 65% !important;
}

+ Text color with menu item

Go to backend site -> menu -> main menu -> and select the menu item needs to add the other color and do this as my example below

Add the text-menu-color style into Link CSS Style

Open templates/ja_business/themes/blue/css/template.css file and add the new css style

.t3-mainnav .navbar .nav > li > a.text-menu-color {
color: red;
}

Hope it helps

Regards

[eagle75au Friend eagle75auJoin date: March 2011Posts: 43Downloads:71Uploads:15 Thanks: 7 Thanked: 1 times in 1 posts]

#688110

Thanks for that the menu alignment worked fine but I couldn’t get the menu text color to change! .. Using Joomla 2.5 so it looks a bit diff to your example, the menu I need to change is for an article rather than a module, unsure if that matters!

[eagle75au Friend eagle75auJoin date: March 2011Posts: 43Downloads:71Uploads:15 Thanks: 7 Thanked: 1 times in 1 posts]

#749156

Thanks for that the menu alignment worked fine but I couldn’t get the menu text color to change! .. Using Joomla 2.5 so it looks a bit diff to your example, the menu I need to change is for an article rather than a module, unsure if that matters!

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#688111

Hi there
For menu text color

.ja-megamenu li.mega #menu593 span {color:red}

Replace 593 by your menu id

Result

https://www.dropbox.com/s/uwsq9l68ilth48w/2015-09-21_13-02-59.png?dl=0

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#749157

Hi there
For menu text color

.ja-megamenu li.mega #menu593 span {color:red}

Replace 593 by your menu id

Result

https://www.dropbox.com/s/uwsq9l68ilth48w/2015-09-21_13-02-59.png?dl=0

[Author]

Posts