Jump to content

How do you make a thin DIV in bedford that can have its own blocks in it, and have a different background color?

Recommended Posts

It seems simple enough. The Design that I am trying to implement for the website that I am making consists of thin color strips that have buttons, images and text inside them. When I make an index page Using a banner does not work because you cannot put blocks in them. When I try using custom CSS to make a div on the page a certain color It still is too big. On my index page I implemented this code:

div#homepage1{
  height: 55em;
  background: #E30A1F !important;
}


 To fix the size problem I tried adjusting the height to be smaller. However that also presents problems. When the screen resolution gets smaller that 900px all of the blocks stretch outside of the color. Also I cannot move the blocks higher so they are off vertical center. As seen in this first screenshot. As you can see, one screenshot looks much cleaner and more professional than the other.

The second screenshot is what I am trying to accomplish. If anyone has a simple way to accomplish this, I'm all ears, heck even a complicated solution, just as long as it gives me this specific design. Thanks for reading!

postheaderNotRight.png

sanitized-Website_HomePage.jpg

Link to comment
  • Replies 0
  • Views 338
  • Created
  • Last Reply

Archived

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.