Jump to content

Block Borders?

Recommended Posts

hello, first time posting on here! trying to figure out how to put borders around blocks and sections, like photo, throughout entire website? I have this code for top and bottom borders on sections, but how do i do it between individual blocks within a section and make them full width/full bleed? 

#block-yui_3_17_2_1_1644806369776_34313{border-bottom: 1px solid black;

 border-top: 1px solid black;

margin-left: -3%;

  margin-right: 0%;

  width: 100%;

}

 

Screen Shot 2022-02-13 at 8.01.03 PM.png

Link to comment
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
  • 3 months later...
On 6/9/2022 at 7:51 AM, trishbautista said:

Did you find an answer to this @taylorlueck? I'm trying to achieve something similar and I'm having a difficult time. 😕

If you share link to page on your site, we can help easier

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
13 hours ago, tuanphan said:

If you share link to page on your site, we can help easier

Here is my site: https://trish-3-2.squarespace.com/

pw: brineintopedro

Original site: https://www.getglowbar.com/

I'm recreating the original site for a class, and I'm trying to get the 2nd and 3rd sections to go side-by-side through a flexbox situation like this:

image.thumb.png.510aad0edb2dc81f6e44e7c31f8b739a.png

 

My current code:

/*** FLEXBOXES ***/

[data-section-id="62a1105c22612c2c67b1b77d"] {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

[data-section-id="6297f32d02087000c951be72"] {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

 

I appreciate your time!

 

Link to comment
On 6/11/2022 at 3:37 AM, trishbautista said:

Here is my site: https://trish-3-2.squarespace.com/

pw: brineintopedro

Original site: https://www.getglowbar.com/

I'm recreating the original site for a class, and I'm trying to get the 2nd and 3rd sections to go side-by-side through a flexbox situation like this:

image.thumb.png.510aad0edb2dc81f6e44e7c31f8b739a.png

 

My current code:

/*** FLEXBOXES ***/

[data-section-id="62a1105c22612c2c67b1b77d"] {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

[data-section-id="6297f32d02087000c951be72"] {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}

 

I appreciate your time!

 

To make them side by side, you will need to use float.

I think I have some better ideas to achieve it.

I just sent you a private message

 

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

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.