Skip to content
Public Ticket #16197

How to decrease padding between post image and header

Conversation thread

aeconcept replied

Customer Reply

Awesome. That did the trick! Thank you. 

PenciDesign replied

Staff Reply

Hi,

For single post pages, you can go to Customize > Single Post > General > on "Single Posts Sidebar Layout" > select "No Sidebar with Container Smaller" - and fill the width for the container as you want to option below it.

This will be auto-resize your container inside single post pages to smaller and you don't need to adjust the width inside Elementor anymore.

Also, your featured image has many white spaces around it - check your featured image here for more. That's why you see the space around the featured image wider.

And you can try to add more this code to Customize > Custom CSS to reduce the space between header & featured image on single post pages:

#header{ margin-bottom: 20px; }

Change value 20 to value as you want.

Best Regards,

PenciDesign

aeconcept replied

Customer Reply

1). how do I do the same thing for the single posts page?

2). Does that mean that I also have to manually adjust every section I add in Elementor single post to get it to the right width? 

aeconcept replied

Customer Reply

I was able to remove the margin and then I did as you suggested (boxed) and it worked!

Thank you!

PenciDesign replied

Staff Reply

Hi,

This issue caused by you've set the margin for the section from Elementor to 150px - check this image: http://prntscr.com/10s1wks

Please remove this margin. If you want to reduce the width of this section, let's change the container width - check this image: http://prntscr.com/10s1ygw

Best Regards,

PenciDesign

aeconcept started the conversation

Conversation Start

How Can I move the recent posts up so it is closer to the logo/header?

Want to join this conversation or access attachments? Sign in first.