-
AuthorPosts
-
July 31, 2015 at 6:40 pm #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 ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
July 31, 2015 at 6:57 pm #647093Within your custom.css file, paste the following CSS rule:
.t3-mainnav {
background: #990033 none repeat scroll 0 0;
}
SAVE CHANGES – CLEAR CACHE – REFRESH PAGEHope That Helps
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
July 31, 2015 at 6:57 pm #744115Within your custom.css file, paste the following CSS rule:
.t3-mainnav {
background: #990033 none repeat scroll 0 0;
}
SAVE CHANGES – CLEAR CACHE – REFRESH PAGEHope That Helps
July 31, 2015 at 7:08 pm #647095sorry, nothing has changed. Any other idea?
July 31, 2015 at 7:08 pm #744117sorry, nothing has changed. Any other idea?
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
July 31, 2015 at 7:11 pm #647096Try 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
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
July 31, 2015 at 7:11 pm #744118Try 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
July 31, 2015 at 7:21 pm #647097This 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?July 31, 2015 at 7:21 pm #744119This 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 ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
July 31, 2015 at 7:40 pm #647100To 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
TomC ModeratorTomC
- Join date:
- October 2014
- Posts:
- 14077
- Downloads:
- 58
- Uploads:
- 137
- Thanks:
- 948
- Thanked:
- 3155 times in 2495 posts
July 31, 2015 at 7:40 pm #744122To 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
July 31, 2015 at 7:50 pm #647101Thank you very much .. now its perfect
July 31, 2015 at 7:50 pm #744123Thank you very much .. now its perfect
-
AuthorPosts
This topic contains 15 replies, has 2 voices, and was last updated by TomC 9 years, 2 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum