New Shopify Certification now available: Liquid Storefronts for Theme Developers

delete space between header and blogpost / blogpost and footer

Solved
ingeon
Tourist
5 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 Expert
5300 950 1261

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
3051 761 925

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
ingeon
Tourist
5 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
5 0 3
ZestardTech
Shopify Expert
5300 950 1261

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
5 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 Expert
5300 950 1261

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
5 0 3

Dear @ZestardTech 

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

 

ZestardTech
Shopify Expert
5300 950 1261

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