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
1045 158 156

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. 🙂

View solution in original post

Replies 7 (7)

webwondersco
Shopify Partner
1045 158 156

@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. 🙂
TANUKDIRECT
New Member
4 0 0
webwondersco
Shopify Partner
1045 158 156

@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. 🙂
TANUKDIRECT
New Member
4 0 0

yeah, try abc123

webwondersco
Shopify Partner
1045 158 156

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. 🙂

Vinsinfo
Shopify Partner
181 61 55

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

TANUKDIRECT
New Member
4 0 0