Jump to content

Transparent canvas z-index 1 to overlay banner image

Recommended Posts

Hi
I am using the Five template and try to raise the z-index of my transparent canvas which just features an outline of a geometrical shape so that the line shows overlays the banner image. I don't know the squarespace tags and tried z-index:1; for:
.sqs-canvas-background-image
.sqs-canvas
.sqs.canvas-image

canvas-wrapper

yet none work. Maybe I'm on the completely wrong track. Thanks for putting me back on the right track.

Link to comment
  • Replies 2
  • Created
  • Last Reply

The community will need a working link to your website in order to see the issue, the template you are using and the settings in use. If your site isn't live yet, please check the visibility settings to ensure we can view the site content. If the site is still in trial mode you will need to set a site password and tell us what it is.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Hi Paul2009,
I'm indeed new here. I'm using the Five-template. The site is still not published, I attached a screenshot here. If you can see there are a few lines, the canvas, underneath the banner image. These I would like to raise on top of it. The canvas image has a transparent background with only the lines not transparent. Since none of my above settings seem to have any effect, there are no settings in use.

screen-shot-2019-07-12-at-174351.png.0f2644acae6b7b95849dee15dc9c4e2c.png

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.