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
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:
How Can I move the recent posts up so it is closer to the logo/header?
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
I was able to remove the margin and then I did as you suggested (boxed) and it worked!
Thank you!
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?
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
Awesome. That did the trick! Thank you.