Jump to content

Archived

This topic is now archived and is closed to further replies.

margeaux7

Customizing Navbar Color: Using info from other posts

Recommended Posts

margeaux7

I am trying to customize my navbar color to green by changing out the "blue" code. Here it what I have. It works in Safari and Chrome, but not in

Firefox or IE. I tried to follow the directions in many different posts and I am completely stumped. Could someone assist me? I would greatly appreciate it. Thank you in advance for this great community of support.

 

http://66.147.244.90/~apecconf/

 

 

.navbar.pl-color-blue {

  background-color:#008543!important;

  background-image:-webkit-linear-gradient(top, #008543, #014322)!important;

  background-repeat:repeat no-repeat;

  border-top-color:#ffffff;

  border-top-style:solid;

  border-top-width:1px;

}

 

.navbar .navline > li.current-menu-item > a {

  background-color:rgba(0, 0, 0, 0.0980392);

  color:#ffffff;

  text-decoration:bold;

}

 

.dropdown-menu li > a:hover,

.dropdown-menu li > a:focus,

.dropdown-submenu:hover > a,

.dropdown-menu li.current-menu-item > a {

  text-decoration: none;

  text-shadow: 0 -1px 0 rgba(0,0,0,0.5);

  color: #fff;

  background-color: #008543!important;

  background-image: -moz-linear-gradient(top,#008543,#014c27)!important;

  background-image: -ms-linear-gradient(top,#008543,#014c27)!important;

  background-image: -webkit-gradient(linear,0 0,0 100%,from(#008543),to(#014c27))!important;

  background-image: -webkit-linear-gradient(top,#008543,#014c27)!important;

  background-image: -o-linear-gradient(top,#008543,#014c27)!important;

  background-image: linear-gradient(top,#008543,#014c27)!important;

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008543', endColorstr='#014c27', GradientType=0);

}

.dropdown-menu .active > a,

.dropdown-menu .active > a:hover {

  color: #fff;

  text-decoration: none;

  outline: 0;

  background-color: #008543!important;

  background-color: #008543!important;

  background-image: -moz-linear-gradient(top,#008543,#014c27)!important;

  background-image: -ms-linear-gradient(top,#008543,#014c27)!important;

  background-image: -webkit-gradient(linear,0 0,0 100%,from(#008543),to(#014c27))!important;

  background-image: -webkit-linear-gradient(top,#008543,#014c27)!important;

  background-image: -o-linear-gradient(top,#008543,#014c27)!important;

  background-image: linear-gradient(top,#008543,#014c27)!important;

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008543'!important, endColorstr='#014c27'!important, GradientType=0);

}

 

Share this post


Link to post
Share on other sites
margeaux7

Hello,

Since no one is able to reply, can someone assure me that I will be able to have complete control over nav bar colors if I purchase NAVABLE by Nick Haskins and that it is going to integrate well with DMS. I absolutely am not adverse to spending the money.

Thank you for your prompt reply so I can get back working!!

:-)

Share this post


Link to post
Share on other sites
Adrianna Lima

Hi,

 

    Try these :

 

.navbar.pl-color-blue {
#gradient > .vertical (#008543,#008543);
 
}

Share this post


Link to post
Share on other sites
margeaux7

Wow! How kind of you. I bought Navable but will save this in case i need it. Thank you.

Share this post


Link to post
Share on other sites
rmaxsg

Navable is no DMS ready, may i how you use?  DO you still need use CSS to change the size or the color ?

Share this post


Link to post
Share on other sites
margeaux7

It is DMS ready. You just can not see the changes during the admin/design experience right now as they work out a couple of things. Just open another browser "live" and notice it works perfectly.

Share this post


Link to post
Share on other sites
rmaxsg

Thank you Margeaux7. I have another question how you can customize?  using code? or you do something like ubermenu?  If is alright can you upload a image of the plugin customize page, greatly appreciate. :D

Share this post


Link to post
Share on other sites
Rob

I'm happy you found a solution Margeaux7


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

×