navbar button style question

[teamwepv]

Hi:
Non-urgent question. I’ve created a “special” button in my main menu navbar using the following quick css:
.navbar-nav .btn.btn-special {
line-height: 25px !important;
background: transparent;
border: 1px solid #fff !important;
}
This creates a button that changes thickness of the border upon hover (a highlight type effect). I would like a solid 1px border that does not change thickness/highlight upon hover and is, in essence, a clean little oval around the text. Is that possible?

Thank you in advance.

Attachments:

You must be logged in to view attached files.

[sharmstr]

hard to help without seeing it, but I’m guessing you need to define what happens on hover

COPY CODE

.navbar-nav .btn.btn-special:hover {
border: 1px solid #fff !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[teamwepv]

This reply has been set as private.

[sharmstr]

.kleo-main-header .nav > li > a {
box-shadow: inset 0px 2px 0px 0px transparent;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[teamwepv]

Sharmstr = worth every $.
Resolved. Thank you.

[sharmstr]

awesome

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts