Bricks 2 code for horizontal dividing line in-between bricks

Classic Stacks
1

Looking for code I could use to set a dividing line between each brick with some padding above and below the line…
@Elixir
thanks, Lisa

2

No code needed. Insert a One Column stack (you know the one that comes built-in to Stacks) into a Bricks item. Set your border and padding on that One Column stack. All done.

1 Like
3

So I have to add it in each brick? Kind of time-consuming. I’ve done this before with code for my blog and a couple of other similar stacks. Wouldn’t something like the below work? I just don’t know what the ‘name’ would be to replace ‘.blog-entry-body’

.blog-entry-body {
border-bottom: 2px solid #808080;
padding-bottom: 16px;

4

Just create a partial of that One Column stack if you’re using it a lot and drag-and-drop copy it in each Bricks item. :wink:

1 Like
5

I know how to do it. Doesn’t matter if I use partials or just a line stack. Still takes extra time to add each stack. I was asking for page wide code, which would save a lot of time.
thanks

6

Might try:

.bricks-item {
	border-bottom: 2px solid #808080;
padding-bottom: 16px;
}
3 Likes
7

Yes, perfect, thanks @teefers :slight_smile: