Joomla Templates Club 406,261 posts

[mikel2004 Friend mikel2004Join date: January 2012Posts: 201Downloads:0Uploads:51 Thanks: 24 Thanked: 3 times in 1 posts]

#195853

Hi again!
I wish to remove orange border of the icon item menu.

Look:

I try with this code in my custom.css but I can´t:

.navbar .nav > .active > a {
background-color: none;
}

What can I do?

My URL site: http://veintiuno.czoom.co/

Thanks!

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#526981

Go to this File: /templates/ja_teline_iv_t3/css/themes/orange/template.css

Find this code and replace this orange color #BF5600 to any color code


.t3-mainnav {
border-bottom-color: #BF5600;
}


[mikel2004 Friend mikel2004Join date: January 2012Posts: 201Downloads:0Uploads:51 Thanks: 24 Thanked: 3 times in 1 posts]

#527013

Your code are correct? because don’t work for me.

Any other solution to hide/remove the orange border of the icon item home menu?

Thanks

<em>@Chavan 416691 wrote:</em><blockquote>Go to this File: /templates/ja_teline_iv_t3/css/themes/orange/template.css

Find this code and replace this orange color #BF5600 to any color code

.t3-mainnav {
border-bottom-color: #BF5600
}
</blockquote>

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#527053

/bootstrap.css

line 4755 background-color: #000;

gives:

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527054

Go to this File: /templates/ja_teline_iv_t3/css/themes/orange/bootstrap.css

Replace this code

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #eee; text-decoration: none; background-color: #BF5600; -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125); box-shadow: inset 0 3px 8px rgba(0,0,0,0.125); }

With

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #eee; text-decoration: none; -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125); box-shadow: inset 0 3px 8px rgba(0,0,0,0.125); }

[mikel2004 Friend mikel2004Join date: January 2012Posts: 201Downloads:0Uploads:51 Thanks: 24 Thanked: 3 times in 1 posts]

#527231

I get with include this code in my custom.css:

.nav > li > a:hover {
background-color: #fff
color: #fff
}

.t3-mainnav .nav > li > a:hover, .t3-mainnav .nav > li > a:focus, .t3-mainnav .dropdown.open > a.dropdown-toggle {
color: #fff
background-color: #fff
text-decoration: #fff
}

.t3-mainnav .nav > li > a:hover, .t3-mainnav .nav > li > a:focus, .t3-mainnav .dropdown.open > a.dropdown-toggle {
background-color: #fff
color: #fff
text-decoration: #fff
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
background-color: #fff
color: #fff
text-decoration: #fff
}

.nav > li > a:hover {
background-color: #fff
color: #fff
text-decoration: #fff
}

.nav > li > a:hover, .nav > li > a:focus {
background-color: #fff
color: #fff
text-decoration: #fff
}

Thanks

[Author]

Posts