How to override css?

UI Components for Angular
Post Reply
Posts: 2
Joined: 18 Mar 2021, 20:49

10 Apr 2021, 13:46


I bought the Prestige ( 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,

Posts: 2
Joined: 18 Mar 2021, 20:49

13 Apr 2021, 20:32

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

Posts: 93
Joined: 19 Sep 2018, 02:52
Location: Ann Arbor, Michigan USA

01 May 2021, 03:31

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;

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 14 guests