Jump to content

How to make full width image on the website

Recommended Posts

  • Replies 5
  • Views 1.9k
  • Created
  • Last Reply

@anksmahajan There are 2 ways to Image Fullwidth. The first one was difficult and complicated, so I gave up.The second way I wrote above. That is fullwidth for the block. You can adjust the CSS to change the padding of other elements except images.

It needs lots of CSS. What elements do you want to adjust ... or all, except images, in the footer?

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

@Tunanphan - we just wanted to have image width as 100% and nothing else but with current solution everything in the Collection Footer (including the content below the Footer has width of 100% and we had to use code/style for that content because it didn't look on Mobile because of above change).

I am just curious why can't we identify and refer image block DIV ID i.e. YUI GUID and have style changes of full width for image block only ? Is there some limitation for that ?

Link to comment


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.