Remove padding above and below background image in venture

Solved
Highlighted
Tourist
4 0 1

Hi Guys.

 

I am new to Shopify and have put most of my site together. I managed to get a fixed image on to the background using Venture but there is padding above and below the background image which ruins the effect of the background. 

I have been through the code trying to find where the padding is and can't seem to find it (I know nothing about code so am searching blindly).

Please could somebody point me in the right direction.

My website is currently www.onlineproshopuk.myshopify.com and the password is alfie123.

The padding that I want gone is the light blue strip above and below the golf course image. I have noticed that th bottom padding is only visible on the home screen? I am able to change the colour of the padding on the normal change background colour option on the theme settings.

Thank you for any help.

 

Peter.

0 Likes

Success.

Shopify Partner
752 105 139

Hello, @onlineproshopuk 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file

.template-index .main-content { margin-top: 0;}
.template-index .index-section:last-child { margin-bottom: 0; }
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
4 0 1

That's awesome. Thanks. It worked straight away.... I had been trying to find the right bit of code to change for hours lol

1 Like
Highlighted
Tourist
4 0 1

I just noticed that it has sorted out the home page but the padding is still on all of the other pages? Is there a way to sort this on all of the other pages too.

Thank you for your help so far and it would be great for me if you knew the solution to this.

 

Peter.

0 Likes
Highlighted

Success.

Shopify Partner
752 105 139

Hello, @onlineproshopuk 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file

.main-content { margin-top: 0; padding-bottom: 0;}
.template-index .index-section:last-child { margin-bottom: 0; }

Update this code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
4 0 1

Thank you. You have been a massive help!

0 Likes