How to change size of h1 headings in single post and remove padding?

LukasLengauer · October 2018

Hello,

1.) I want to change the size of the h1 heading (headline) for a single post. When I change the size for h1 under theme options > fonts > size & style it doesn't change the size of the h1 heading (headline) of the single post?

When I inspect the single post headline this is the html I see: <h1 class="entry-title" itemprop="headline">TITLE</h1> and I want to change the size of TITLE.

2.) Is it possible to adjust the padding before the single post title (<h1 class="entry-title" itemprop="headline">TITLE</h1>) just on mobile? There is a lot of empty space and I want to have the single post title a little bit higher?

I already have the option "Content | Remove Padding" turned on.

Thanks!

Pablo · October 2018

Hi,

If you want to change the size for single posts ONLY, you have to use a Custom CSS code.

Please paste this code into Theme Options > Custom CSS & JS > CSS

  body.single-post h1{font-size:19px !important;}

2) I would have to take a look on this, because I don't know what makes this space.

Can you send me a link to your website?

Thanks.

LukasLengauer · October 2018

Hello Pablo,

the solution for the size of h1 did not work. We already set h1 to 19px under under theme options > fonts > size & style, but the title of the page stays bigger than 19px. With your solution we also used 19px, but it didn't change the size of the title.

This is where we want to make the font smaller (font / title in orange circle): https://prnt.sc/l0u6i8

This is the space we want to reduce (orange): https://prnt.sc/l0u6tc

The url of the website is: http://leckerabnehmen.com/

Thanks!

Pablo · October 2018

Hi,

I updated the code above and it works now.

There is a space, because you created a custom css with 50px of margin from top.

Also, paste this CSS too - it's resizing this margin.

@media (max-width:767px){
	body.single-post #Wrapper #Content{
		margin-top:0px !important;
	}
}

Thanks.

LukasLengauer · October 2018

Thanks a lot Pablo, it both worked!

LukasLengauer · October 2018

Hello Pablo,

we have one more issue. When we turn "Featured Image | Hide" on, it creates an empty space. Is there a CSS to remove this space?

On this screenshot the space we want to remove / reduce is marked in orange: https://prnt.sc/l2eqb0

Thank you.

Pablo · October 2018

Paste this code into Custom CSS


.single-photo-wrapper{
  display:none !important;
}

Thanks

How to change size of h1 headings in single post and remove padding?

Comments