Jump to content

background image for site page isn't working with markdown code!!!

Recommended Posts

 

882105332_ScreenShot2023-01-10at3_36_10PM.thumb.png.7fd6cede726978094b7835bb38314e20.png

<style>
/* Add the image as a background*/
#page{
background-image:url(https://static1.squarespace.com/static/6132633584be0e331f803da6/t/630965f6ad41a04dffeccfe9/1661560310932/Squiggles+1.jpeg);
background-size: contain}

/* Make the page section backgrounds transparent */
#page .page-section {
background: transparent!important
}
#page .page-section .section-background {
background: transparent !important;
}
</style>

Y'all, I originally used this markdown code block to insert an image on the page without the image stretching. If I remember correctly, the image is supposed to repeat. Since SS updated, the image isn't showing up at all. Is there an easy way to fix this? Editing the section background makes the image stretch, which is annoying because the image gets all pixelated.

Note: this is the image that is supposed to be in the background (resized for post bc the image is large)
1222693116_Squiggles1.thumb.jpg.0a479d7ff7338b83301de8aff912dddf.jpg

Edited by b_sturc
Link to comment
  • b_sturc changed the title to background image for site page isn't working with markdown code!!!
  • Replies 1
  • Views 249
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Change this line

#page .page-section .section-background {
background: transparent !important;
}

to this

#page .page-section .section-background, #page .page-section .section-border {
background: transparent !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.