# Adding custom CSS

So with Elementor Page Builder I have to **pay to add my own custom CSS**. That's kind of a bummer - so I'll be editing custom CSS through the default editor that exists on the side panel.

![Additional CSS options](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MBw2DkB_yEOAvmG4sRH%2F-MBw8nDDzUu4STXnL427%2Fimage.png?alt=media\&token=465cdd7e-eb7e-466a-b982-398715800965)

In order to overwrite some of the default theme settings, I'll have to mark some fields as **`!important`** to make sure my changes go through intentionally.

![CSS test changes](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MBw2DkB_yEOAvmG4sRH%2F-MBw9igj5UuuG6zMWlID%2Fimage.png?alt=media\&token=98f92f41-d436-441e-bdb9-7b23efdb3fd0)

## Fixing the ridiculous headers

So I've had this annoying bug with the headers for a while now where h2 takes like the whole viewport length. To figure out why this is occuring, I dug into the source code. Initially I suspected it was because the **`padding`** of the content container was so big, but actually it turned out to be the **`line-height`** that was causing the issue.

![Giant space being taken up by h2](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MBw9nFRm9oliQ-R7QOT%2F-MBwAO0DHLdAW6wL97Bn%2Fimage.png?alt=media\&token=52814ca4-7a3d-4157-90dc-0cb54f6459ec)

![CSS for h2](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MBw9nFRm9oliQ-R7QOT%2F-MBwAuq0EG9MH4j-GB20%2Fimage.png?alt=media\&token=cb112a18-2e96-40a1-9f35-49e5405d60c4)

Now that I think about it, it probably was caused my me messing with the default header settings, so I might not need custom CSS here. I'll go dig into the settings and see how to resolve it but here it is if it ever comes up again.

**Update**: yep I found it.

![](https://681604449-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7jTbah9cZ_Vj6Y5Rjj%2F-MBwB6zS3Kcgs5mo9-1e%2F-MBwB_AfDtAl6gxZLW6f%2Fimage.png?alt=media\&token=6bd65ac4-e301-417b-aeee-cfd57eb4dafb)
