Jump to content

Make a full-width block

Recommended Posts

Site URL: https://www.shiyuportfolio.com/sonyc

Hi! My goal is  to add a full-width block background color by using code on this section (see attached image). I have some knowledges about HTML and CSS so I have no problem insert a background color, but the background color is not a full-width block, it has some padding in the left and right side that align with other contents. Can somebody helps to fix it? This is the URL of the site - https://www.shiyuportfolio.com/sonyc



Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Your site is not fullwidth, very time-consuming to set code block fullwidth.

First, remove margin/padding main#page id

Next, set Code Block background color

Then, set margin/padding for all elements, Except code block

Edited by tuanphan

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.