Jump to content

Adjusting full bleed image v site padding

Recommended Posts

Site URL: https://valeriewartelle.co.uk/

Hello - I am switching template within version 7.0 Wells to Mojave to benefit from different features. I am struggling with setting a fullwidth site, a full-bleed image on home page and adding padding so gallery, gallery-blocks, product pages etc don't appear squashed to the edges of the screen. I understand I may be able to add some CCS coding to do so. I'm not a coder so wondered if someone could advise?

I'm working on preview so can't send the URL but attach screenshots of no padding v padding for homepage and gallery so you can see what I mean. Ideally I want it to look like this http://www.kerryschroeder.com/

Hopefully you can help 🙂 Thanks!

 

1428536222_Screenshot2020-09-04at16_02_13.thumb.png.3154f546815813b5f301bb01c9c8bfaa.png294297769_Screenshot2020-09-04at15_57_55.thumb.png.57f4acbee078785bfa6217a0175f58c5.png129170964_Screenshot2020-09-04at15_59_01.thumb.png.ac83a394c5e30a64501d52bcd432540e.png221082691_Screenshot2020-09-04at15_58_10.thumb.png.80b8b8dcfd9691b17f6d98cc33d57eda.png

Screenshot 2020-09-04 at 15.57.55.png

Link to comment
  • Replies 7
  • Views 738
  • Created
  • Last Reply

I've now made my preview live and switched template to Mojave! The url is https://valeriewartelle.co.uk/

I would really appreciate advice and possible CSS code to:

- Make homepage image fullbleed but retain site padding

- Adding padding to Gallery, Gallery blocks, Product pages.

- Changing number of columns in different Product pages e.g. 3 columns in Artwork, Stoles and Prints product pages and only two column needed in Voucher product page 

I hope you can help, Lalie

 

Link to comment

Q1. Add to Home > Design > Custom CSS

.homepage .Main-content {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width:641px) {
.homepage .Main-content .span-12>*:not(:first-child) {
    padding-left: 50px;
    padding-right: 50px;
}
}

Q3. Can you share link to Voucher product pages?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.