4

I have added the following lines to bootstrap/less/panels.less

//hover color for panel heading
.panel-heading:hover {
  background-color: #dfdfdf;
}

But it wouldn't load to the css in the browser. yet I can manually add it in the css editor (in chrome dev tools) and it works.

Any solutions ?

1 Answer 1

6

If it works in chrome dev tools and in css file not, that means it is overwritten from other rule. You can overwrite the rule by increasing the specificity (e.g. concatenate another class name or some other selector), or, to be sure, use "!important":

.panel-heading:hover {
  background-color: #dfdfdf !important;
}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.