Bricks 2 code for horizontal dividing line in-between bricks


(Lisa Sandler) #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


(Adam Shiver) #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.


(Lisa Sandler) #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;


(Adam Shiver) #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:


(Lisa Sandler) #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


(Doug Bennett) #6

Might try:

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

(Lisa Sandler) #7

Yes, perfect, thanks @teefers :slight_smile: