Edit page title height on all pages

Basically, I would like less padding around the text Thanks

Use this code

.page-header {
padding-bottom: 1px;
padding-top: 1px;
}

Only change numbers to meet your needs

Hope it helps

Hi, I just added the code to my custom css tab and adjusted the numbers to 0px, but there was no change ??

Hey,
Try adding this:

h1 {
line-height: 0px;
}

No changes as well with the code above ??

Hey,

This code will work for you. Long time no see! ??

.page-header h1 {
  line-height: 0 !important;
}

Make sure that you are putting this in the end of your custom style sheet

Cheers!
-Trey

Hi Trey,

it didn’t work as well ??

Are you referring to the advanced settings tab labeled “custom css box”? I’ve been making minor adjustments through there so far…

No, not exactly did you install a child theme for you website, or are you using a custom CSS plugin?

Any of the three codes is suppose to do it.

I would suggest you going through your css custom to find where you must have assign a custom coding to page header and add the padding bottom and padding top attributes to it.

Hope this helps

No, not exactly did you install a child theme for you website, or are you using a custom CSS plugin?

Hi Trey,

I haven’t installed a child theme yet The virtue theme has a tab called advanced settings which allows me to input some quick css to adjust the theme. I’ve been using that feature so far. I suppose I will look into a child theme. Thanks!

Hmmm, that is very interesting. I am reading into your websites code and finding that it is only reading from the default bootstrap.css file.

Yes, you can view how to create a child theme here: Child Theme

An alternative would be to add code via plugin. Here is a Quick Tutorial that I have create for you on how to do that.

After that the code should work no problem ??

Cheers!

Hi there,

I would definitely urge you to create a child theme for your website before making any customization.