Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
TREASVRE

Brine Banner force full width

Question

I'm using a brine template. I want to have banner images on each page, but I would like the images to always display full width. Another way to say this is that I would not like the images to become cropped horizontally if the window is scaled. 

ideally I'd like to retain parallax, but this is not necessary. 

I have toyed with making the pages indexes, and putting a 1-image gallery at the top of each one, but the images are not all the same height so I run into other scaling issues when I try to do this. 

If I were to go the gallery route, I would like to find a way to control the gallery spacing and aspect ratio parameters per page. Currently these controls are site wide. 

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

Please post a link to your page.


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...