Jump to content

line and image code

Recommended Posts

Site URL: https://cheetah-krill-7gh3.squarespace.com/config/


This is super frustrating. I put in some code to change a line to an image, it looks fine in edit mode but in desktop mode it bugs out and the line appears underneath it and is smaller. 

Also the black and white images i have put in, the 4 in a row are squashed. again, looks fine in edit mode, but when its desktop mode it goes all weird. 

(you can see it all in the section 3, under donut. ) 

I keep redoing the section and then it's fine, but after awhile it bugs out again. 

Where am I going wrong?

Thanks in advance!

Link to comment
  • 2 weeks later...

Hi! thank you! Sorry I just saw your reply! 

This is the code I'm using

hr{background-color:transparent!important; background-image:url('https://static1.squarespace.com/static/600f4eee259c4028f7f7a05d/t/612874c01b33c23e89e480cf/1630041280821/line.png')!important;
background-size:contain!important; background-position:center;
background-repeat:no-repeat!important; height:250px!important}

I can't see what the problem would be? Any help would be great!

site password: RennyRen27

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.