Joomla Templates Club 406,261 posts

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#646967

I would like to change the color only on on the navbar to #990033 and change menu text color to #ecf0f1. Help please. Screenshot attached

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

#647093

Within your custom.css file, paste the following CSS rule:


.t3-mainnav {
background: #990033 none repeat scroll 0 0;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope That Helps

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

#744115

Within your custom.css file, paste the following CSS rule:


.t3-mainnav {
background: #990033 none repeat scroll 0 0;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope That Helps

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#647095

sorry, nothing has changed. Any other idea?

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#744117

sorry, nothing has changed. Any other idea?

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

#647096

Try This . . . .

Within file path —> /templates/uber/local/css/template.css
at line 1761, modify as follows:

.t3-mainnav {
background: #000 none repeat scroll 0 0;
border-left: 0 none;
border-radius: 0;
border-right: 0 none;
float: left;
margin-bottom: 0;
padding-left: 0;
position: static;
}

Modify the color code to whatever color code you want

1 user says Thank You to TomC for this useful post

1. rachyim

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

#744118

Try This . . . .

Within file path —> /templates/uber/local/css/template.css
at line 1761, modify as follows:

.t3-mainnav {
background: #000 none repeat scroll 0 0;
border-left: 0 none;
border-radius: 0;
border-right: 0 none;
float: left;
margin-bottom: 0;
padding-left: 0;
position: static;
}

Modify the color code to whatever color code you want

1 user says Thank You to TomC for this useful post

1. rachyim

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#647097

This worked.. where can I modify the color if I want to?
And the other thing is how an I change the text color in this bar?

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#744119

This worked.. where can I modify the color if I want to?
And the other thing is how an I change the text color in this bar?

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

#647100

To change the font color . . . . .

Within file path —> /templates/uber/local/acm/header/css/style.css
at line 1111, modify the highlighted color code (below):


.uber-header.header-6 .navbar-default .navbar-nav > li > a {
color: #505656;
font-weight: 700;
text-transform: none;
transition: all 0.2s ease 0s;
}

To change the “hover” font color . . . . .

At line 1131, modify the highlighted color code (below):


.uber-header.header-6 .navbar-default .navbar-nav > .active > a, .uber-header.header-6 .navbar-default .navbar-nav > .alias-parent-active > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #ffffff;
}

1 user says Thank You to TomC for this useful post

1. rachyim

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

#744122

To change the font color . . . . .

Within file path —> /templates/uber/local/acm/header/css/style.css
at line 1111, modify the highlighted color code (below):


.uber-header.header-6 .navbar-default .navbar-nav > li > a {
color: #505656;
font-weight: 700;
text-transform: none;
transition: all 0.2s ease 0s;
}

To change the “hover” font color . . . . .

At line 1131, modify the highlighted color code (below):


.uber-header.header-6 .navbar-default .navbar-nav > .active > a, .uber-header.header-6 .navbar-default .navbar-nav > .alias-parent-active > a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #ffffff;
}

1 user says Thank You to TomC for this useful post

1. rachyim

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#647101

Thank you very much .. now its perfect

[rachyim Friend rachyimJoin date: June 2015Posts: 62Downloads:0Uploads:0 Thanks: 36]

#744123

Thank you very much .. now its perfect

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

#647104

Glad I could be of assistance . . . All the best with your continuing site development !! 🙂

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

#744126

Glad I could be of assistance . . . All the best with your continuing site development !! 🙂

[Author]

Posts