delete space between header and blogpost / blogpost and footer

Solved

delete space between header and blogpost / blogpost and footer

ingeon
Tourist
6 0 3

Hello everyone

 

I need some help with deleting space between header and blogpost / blogpost and footer. I have attached two photos showing each red circle part (saying deleting white section). Thanks for it!!

 

캡처2.JPG

캡처.JPG

  

Accepted Solution (1)
ZestardTech
Shopify Partner
6144 1097 1474

This is an accepted solution.

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

 

article.article-template .page-width{
margin: auto!important;
}
.article-template__back {
margin: auto!important;
padding-top: 20px!important;
}

 

ZestardTech_0-1699362543430.pngZestardTech_1-1699362552239.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 9 (9)

Moeed
Shopify Partner
7480 2025 2485

Hey @ingeon 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


ingeon
Tourist
6 0 3

Hello @Moeed 

Thanks for this. This is the store URL, and Password is sheest

https://0ceb19.myshopify.com/blogs/news/%EB%B9%84%EC%A3%BC%EC%96%BC%EB%A8%B8%EC%B2%9C%EB%8B%A4%EC%9D...

 

 

ingeon
Tourist
6 0 3

ZestardTech
Shopify Partner
6144 1097 1474

Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ingeon
Tourist
6 0 3
Pawanjain
Shopify Partner
7 0 0

Hello Ingeon,

There is an issue with margin which is added on article. kindly put below css on theme.css .

".article-template__back.element-margin-top.center.scroll-trigger.animate--slide-in { margin: 0}"
 Let me know if you need any other help. i will help your for that.

Thank you



Pawan Jain
Need a Shopify developer? Chat on WhatsApp
- For Shopify Design | Shopify Custom Coding | Expert in Shopify App Development
-Your Coffee Tip and my code.
ZestardTech
Shopify Partner
6144 1097 1474

This is an accepted solution.

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

 

article.article-template .page-width{
margin: auto!important;
}
.article-template__back {
margin: auto!important;
padding-top: 20px!important;
}

 

ZestardTech_0-1699362543430.pngZestardTech_1-1699362552239.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ingeon
Tourist
6 0 3

Dear @ZestardTech 

Thank you for the solution. it works well !!!

 

ZestardTech
Shopify Partner
6144 1097 1474

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing