Jump to content

Bedford Template: How do I make the columns on my site have a greater amount of padding between each other?

Recommended Posts

Posted

I am Remaking an old site that was made in Drupal, I need to make it as similar as possible. Right now when I have two columns side by side they are too close. I tried adding a third column with nothing but a spacer in-between, but it that is too MUCH space in-between each column.

Does someone know a way to shrink the width of a spacer block to be smaller than It is normally able?

If not that does someone know a way to add a margin, or padding to an entire column? I can't seem to find a block ID for an entire column.

@tuanphan this seems like something you would know how to handle.

https://earthworm-capybera-xrep.squarespace.com/intellipasssystem

  • Replies 4
  • Views 1.8k
  • Created
  • Last Reply
Posted

Upon shrinking the width of the spacer:


#block-yui_3_17_2_1_1565972739423_54092
{
width: 1px;
}

I found that the column width still remains the same. So the only option is to change the padding for an entire column via custom CSS. Anyone know how to do this?

Posted

#collection-5d49c9181475550001da0170 .sqs-col-12 .sqs-col-6 {
width: 46%;
margin-left: 2%;
margin-right: 2%;
}

I added this to my custom CSS and it seems to have done the trick. Thanks anyway @tuanphan hopefully this thread helps out someone in the future.

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.