Jump to content

Jasper template, make background of index page transparent

Recommended Posts

Site URL: https://www.bvandaal.com

Hello! Would greatly appreciate the help as I've tried a few different things without luck.

I have a gradient background on my website, but the standard site bg color is messing up the margins in my index page. Essentially I need the site's bg to be transparent but only for the index. If I set the site bg to be transparent in the site styles, then the index page looks good but now my header and footer have no bg color.

www.bvandaal.com

pw is "WIP"

Screenshot 2021-04-03 142053.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

I have tried these 3 CSS snippets and none have worked...

 

.collection-type-index #portfolio {
 background-color: none, !important;
}

#collection-60285049dea9552bd2a02fd1 {
      background-color: none, !important;
}

.collection-60285049dea9552bd2a02fd1 #portfolio{
      background-color: none, !important;
}

 

 

Edited by manta
Link to comment

This isn't solved yet.... between the index page items you can see a colored bar which is the bg color of the site. I don't know how to remove it. You can see it in the middle as it's a lighter color than the gradient bg I have:

image.png.b118c95b730bbc56fcb24f431bdc9fa2.png

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.