How to override css?

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

10 Apr 2021, 13:46

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
Posts: 2
Joined: 18 Mar 2021, 20:49

13 Apr 2021, 20:32

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

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

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 4 guests