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
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, 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;
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.