esc_kb_article_view CSS

[lawrencemgann]

Good afternoon!

I'm encountering unexpected results modifying the page CSS for esc_kb_article_view

I've changed the panel-heading background color and text color, but it's only applying on one widget (although I can see every widget title uses the panel-heading div).

Has anyone else encountered this?

[Slava Savitsky]

You can define CSS in your portal on multiple levels. See this product documentation article for details:

Defining portal styles

It is possible that your page-level CSS rule is overridden on widget or widget instance level.

[briannice · Accepted solution]

Hi @lawrencemgann 

You can mark a CSS rule as important. This will make sure it can not be overwritten. You can check the documentation here.

For example:

.panel-heading {
    background-color: #234567 !important;
    color: #ffffff !important;
}

Let me know if this works!

Kind regards,

Brian

[Slava Savitsky]

It can be overridden by an !important rule at a lower level of the CSS hierarchy.

[lawrencemgann]

 Thank you both very much for this information -- I'll use the important marker as well as reviewing the lower CSS sheets + widget specific CSS.