Jump to content

Stacking Accordion Block / z-index not working

Recommended Posts

Hi!

I'm trying to stack my accordion block on top of an image. 

1. Targeting the YUI is the only thing that has worked for me– but I know we're not supposed to do this for obvious reasons.

2. Targeting #block-yui_3_17_2_1_1672704617518_1761711 is not working for me

* This is the code I was trying (I'm a css newbie, maybe its totally wrong!)

#block-yui_3_17_2_1_1672704617518_1761711 {
    position: relative;
      z-index:200!important;
}

 

TIA 🙂

https://privatemortgages-ottawa.squarespace.com/

password:private

Screen Shot 2023-01-11 at 8.57.00 AM.png

Link to comment
  • Replies 3
  • Views 325
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

You're using Fluid Engine, this doesn't need CSS. In the dialogue box that pops up when you click on a block you can shift the blocks up or down in the z-index with these buttons.

image.png.443fd682b2ee0570eb6e6336c7c0b8b9.png

Hope this helps!

Edited by Ziggy

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

I love an easy solution! Always much better than adding code where possible! 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.