Clever Geek Handbook

Make Image Full Width Browser On SquareSpace

I'm building my site on SquareSpace and I'm a little worried about the layout. I created several sites before understanding the concept of CSS and how it applies to divs, etc.

So, I want the page to have full-size images (edge-to-edge in the browser) interspersed with text and graphics.

The banner image and footer image looks good, as you can see that the image is extreme towards the edge ...

enter image description here

Problem with any additional images I try to add (SS forces you to add them inside "image box" objects) it currently looks like this , which is bad, not edge-to-edge shown here with the red arrow ...

enter image description here

I've spent several hours searching and testing various solutions and nothing seems to work. I also spent the last 30 minutes with SS support and they suggested creating a "gallery page" where you can't add text to , so completely pointless!

I tried to identify the CSS id and apply the CSS to the image , which didn't work either :

enter image description hereenter image description here

Can anyone please help?

the current CSS doesn't work:

.sqs-block.image-block { padding: 0 !important }

body {    
    margin: 0 !important;
    padding: 0 !important;
}

Cheers John

+3


source to share


1 answer


I have not found a programmatic solution to this terrible problem. However, I was able to find a way to manipulate the "SS Index Index" style page to achieve the effect I was looking for.



0


source






More articles:


All Articles