CODEWITHSUNDEEP
csstwitter-bootstraptwitter-bootstrap-3
Haxor
Haxor

Reputation: 621

How to change the linear gradient color of navbar button in bootstrap 3?

Navigation bar with Linear Gradient Color in Button

When I Hover/Focus at Client Application Button, It give black linear gradient color...

How can I change that black linear gradient color?

Upvotes: 0

Views: 5884

Answers (1)

Evan Purkhiser
Evan Purkhiser

Reputation: 733

In your stylesheet add something similar to this:

.navbar-nav > li > a:hover {
   background-image: linear-gradient(#020202, #101112 40%, #191B1D);
}

.navbar-default .navbar-nav > li > a:focus {
   background-color: #272B2E;
}

Make sure you change the hex values to the colors you want.

You can read more about how the liniar-gradient works on the MDN documentation page.

Source: I looked at the slate bootswatch theme here.

Upvotes: 2

Related Questions