How to override css?

[Pallini]

Hello,

I bought the Prestige (https://www.primefaces.org/prestige-ng/#/) template.

I want to overwrite the class named .layout-topbar, in each of the files in the overrides folders I added the code blow but it does not seem to be applied, I can't even see it in the Chrome DevTools.

Code: Select all

.layout-topbar {
  margin-bottom: 0 !important;
}

I also tried importing those 4 files into the theme in use but no luck.

So, the question is, how/where do I overwrite this class?

Thank you,
Ben

[Pallini]

I created '_themes_overrides.css' and imported it in 'styles.scss'

[PhilHuhn]

I put all of my CSS overrides in src/styles.css

For example, I have an edit form that I placed an accordion control. The regular data had one font size and the accordion had a smaller font size, so I added to my styles.css the following:

Code: Select all

div.p-accordion.p-component {
    font-size: inherit;
    line-height: inherit;
}