Joomla Templates Club 406,261 posts

[2capjob Friend 2capjobJoin date: October 2013Posts: 139Downloads:1Uploads:46 Thanks: 55 Thanked: 10 times in 1 posts]

#194322

greetings to all. I have a question. I want to change the color of the menu. tell me how to do it? change to black and white text.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#520647

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings

[2capjob Friend 2capjobJoin date: October 2013Posts: 139Downloads:1Uploads:46 Thanks: 55 Thanked: 10 times in 1 posts]

#520654

<em>@TomC 408731 wrote:</em><blockquote>So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings</blockquote>

hello. Thanks for the quick reply.
Here is a link to the site

http://www.2capitales.com

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#520657

<em>@2capjob 408742 wrote:</em><blockquote>hello. Thanks for the quick reply.
Here is a link to the site

http://www.2capitales.com</blockquote>

Still need for you to set “Optimize CSS” to “No” within your Template Manager–General settings

Incidentally, VERY NICE looking site thus far !!! 🙂

1 user says Thank You to TomC for this useful post

1. 2capjob

[2capjob Friend 2capjobJoin date: October 2013Posts: 139Downloads:1Uploads:46 Thanks: 55 Thanked: 10 times in 1 posts]

#520674

tomc;408747still need for you to set “optimize css” to “no” within your template manager–general settings

incidentally, very nice looking site thus far !!! 🙂

thank you for your opinion.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#520680

To modify the background color of your main nav . . . .

Within file path –> /templates/ja_magz/css/themes/red/template.css
at line 230, add a “background” property – for example . . .


.wrap {
background: none repeat scroll 0 0 #000000
clear: both;
width: auto;
}

To modify the man nav items color . . . . .

Within file path —> /templates/ja_magz/css/themes/red/template.css
at line 1860, you will see the following:


.t3-mainnav .navbar .nav > li > a {
border-left: 1px solid #EAEAEA
border-top: 0 none;
color: #8A8A8A
font-size: 12px;
font-weight: 700;
padding: 3px 20px;
text-shadow: none;
text-transform: uppercase;
}

To change the color of the menu items to white, try the following:


.t3-mainnav .navbar .nav > li > a {
border-left: 1px solid #EAEAEA
border-top: 0 none;
color: #FFFFFF
font-size: 12px;
font-weight: 700;
padding: 3px 20px;
text-shadow: none;
text-transform: uppercase;
}

You may (or may not) also want to modify the “hover” color for the main nav items,
in which case look to line 1885 (same file path as above)


.t3-mainnav .navbar .nav > li > a:focus, .t3-mainnav .navbar .nav > li > a:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #CC0000
outline: medium none;
text-shadow: none;
}

Change the “color” property to whatever color you want for your hover/mouseover.

Hope That Helps.

😎

1 user says Thank You to TomC for this useful post

1. 2capjob

[2capjob Friend 2capjobJoin date: October 2013Posts: 139Downloads:1Uploads:46 Thanks: 55 Thanked: 10 times in 1 posts]

#520681

<em>@TomC 408747 wrote:</em><blockquote>Still need for you to set “Optimize CSS” to “No” within your Template Manager–General settings

Incidentally, VERY NICE looking site thus far !!! :)</blockquote>

question. why do you think that we should put the “Optimize CSS” to “No”

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#520682

<em>@2capjob 408779 wrote:</em><blockquote>question. why do you think that we should put the “Optimize CSS” to “No”</blockquote>

When working with an online web development tool like Firebug (see link in my signature below for more info), it allows one to view the actual CSS rules and file locations – as opposed to the CSS being optimized/compressed. When the CSS is optimized/compressed, you cannot easily identify the correct file path for where to locate the CSS rule(s) you need to modify.

[2capjob Friend 2capjobJoin date: October 2013Posts: 139Downloads:1Uploads:46 Thanks: 55 Thanked: 10 times in 1 posts]

#520689

<em>@TomC 408777 wrote:</em><blockquote>To modify the background color of your main nav . . . .

Within file path –> /templates/ja_magz/css/themes/red/template.css
at line 230, add a “background” property – for example . . .


.wrap {
background: none repeat scroll 0 0 #000000
clear: both;
width: auto;
}

To modify the man nav items color . . . . .

Within file path —> /templates/ja_magz/css/themes/red/template.css
at line 1860, you will see the following:


.t3-mainnav .navbar .nav > li > a {
border-left: 1px solid #EAEAEA
border-top: 0 none;
color: #8A8A8A
font-size: 12px;
font-weight: 700;
padding: 3px 20px;
text-shadow: none;
text-transform: uppercase;
}

To change the color of the menu items to white, try the following:


.t3-mainnav .navbar .nav > li > a {
border-left: 1px solid #EAEAEA
border-top: 0 none;
color: #FFFFFF
font-size: 12px;
font-weight: 700;
padding: 3px 20px;
text-shadow: none;
text-transform: uppercase;
}

You may (or may not) also want to modify the “hover” color for the main nav items,
in which case look to line 1885 (same file path as above)


.t3-mainnav .navbar .nav > li > a:focus, .t3-mainnav .navbar .nav > li > a:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #CC0000
outline: medium none;
text-shadow: none;
}

Change the “color” property to whatever color you want for your hover/mouseover.

Hope That Helps.

:cool:</blockquote>

class. Thank you. genius.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#520691

Happy to be of assistance . . . All the best with your continuing site development.

🙂

1 user says Thank You to TomC for this useful post

1. 2capjob

[Author]

Posts