How to give padding on Blog page?

Hi,
Could you please guide me how to give padding or Margin from top and bottom on blog page. Because blog posts are edge to edge with header and footer and would need some space to make it look nice.
I attached the screenshot for better understanding.

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL I will check and give you a custom css code.

Best Regards.

Hi Aizaz,
Here is the detail, Please have a look. I haven’t published post but you can publish one to have a look.

Thanks!

Hello,

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

.blog .main-page-wrapper {
margin-top: 0px !important;
}
.blog .wd-prefooter {
margin-top: 30px;
}

Best Regards.

Hi Aizaz,
Thanks for the code, it’s working but when you open single post it remains the same.
I attached the screenshot as well.

Thanks!

Best Regards,
Ahtesham

Attachments:

You must be logged in to view attached files.

Hello,

Please add Custom CSS code to Theme Settings > Custom CSS > Global custom CSS below for a single post page.

.single-post .main-page-wrapper {
margin-top: 0px !important;
}
.single-post .wd-prefooter {
margin-top: 30px;
}

Best Regards.

Thank you very much! All good now, you may close this ticket. Thanks!

Sounds Great! that your issue has been solved.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts