strips appearing on certain pages - affecting the background gradient

Solved

strips appearing on certain pages - affecting the background gradient

TANUKDIRECT
New Member
4 0 0

Hi, there are strips which are affecting the qual. of the background gradient, i am not experienced with coding much, and feel something in the one of the files may be causing this, they are appearing twice on the homepage, collection page landings and the product click through page, does anybody know what's happening here? any help would be much appreciated, the issue is shown in the attached:

Screenshot 2024-02-28 094228.png

Screenshot 2024-02-28 094241.png

Screenshot 2024-02-28 112706.png

Screenshot 2024-02-28 112831.png

Accepted Solution (1)
webwondersco
Shopify Partner
1186 171 174

This is an accepted solution.

@TANUKDIRECT That space is coming due to margin. if you remove the top margin of each section then it'll be removed 

 

Add below line of CSS code at the end of base.css file.

 

body .section + .section{
margin-top:0;
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

View solution in original post

Replies 7 (7)

webwondersco
Shopify Partner
1186 171 174

@TANUKDIRECT Could you please share your store URL?

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
TANUKDIRECT
New Member
4 0 0
webwondersco
Shopify Partner
1186 171 174

@TANUKDIRECT Could you please share the password to check frontend?

 

your store is password protected as of now

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
TANUKDIRECT
New Member
4 0 0

yeah, try abc123

webwondersco
Shopify Partner
1186 171 174

This is an accepted solution.

@TANUKDIRECT That space is coming due to margin. if you remove the top margin of each section then it'll be removed 

 

Add below line of CSS code at the end of base.css file.

 

body .section + .section{
margin-top:0;
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

Vinsinfo
Shopify Partner
485 164 167

@TANUKDIRECT Please share your store URL to help you on this.

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
TANUKDIRECT
New Member
4 0 0