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

Question

Site URL: https://burgundy-crow-wpya.squarespace.com/

Hey everyone!

This is driving me nuts. I am trying to overlap the image block over the index gallery. I've set all relevant sections to overflow:visible and checked all z-indexes but no dice. Screenshot is attached, sample code is below - what am I missing? Password to the demo site is plough

#content.Index-gallery{

overflow: visible;

}

#block-yui_3_17_2_1_1594395362623_4899 {

transform: translateY(-80%);

position:relative;

z-index:100;

}

#content.Index-page {

overflow: visible;

}

Screen Shot 2020-07-10 at 12.56.17 PM.png

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

We got this squared away in the circle forum, just in case anyone else runs into this on a search.

#content.Index-page was the incorrect element.

#new-page.Index-page {
    overflow: visible;
}

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