Jump to content

Full bleed, non-parallax images in Sonora template? Possible?

Recommended Posts

Site URL: https://pepper-buffalo-5bc8.squarespace.com/creative

Hello,

I'd like to make the full bleed images on this page (https://pepper-buffalo-5bc8.squarespace.com/creative) display as non-parallax images. Using a standard image block with Sonora doesn't give the option to go full bleed. And using the Banner background image force parallax. 

I would prefer to use the simplicity of a standard image block but force it full-bleed. 

Is there code to make this possible?

 

 

 

Link to comment
  • Replies 3
  • Views 614
  • Created
  • Last Reply
9 hours ago, ceze said:

Site URL: https://pepper-buffalo-5bc8.squarespace.com/creative

Hello,

I'd like to make the full bleed images on this page (https://pepper-buffalo-5bc8.squarespace.com/creative) display as non-parallax images. Using a standard image block with Sonora doesn't give the option to go full bleed. And using the Banner background image force parallax. 

I would prefer to use the simplicity of a standard image block but force it full-bleed. 

Is there code to make this possible?

 

 

 

Let's add a standard image block, I will provide code to make it full-bleed

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
4 hours ago, ceze said:

Thanks @bangank36

I've added a section with a standard image block now. It's live at: https://pepper-buffalo-5bc8.squarespace.com/creative

section#new-page-5 .Index-page-content  {
  padding: 0;
}

If you wish to add similar block, follow this

1. Add a prefix to section name such as: full_bleed-page

2. Modify custom css like

section[id*=full_bleed] .Index-page-content  {
  padding: 0;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. 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.