Shape Dividers | Bricks

box model that we use when designing websites the easiest way to do this in bricks is via shape dividers and you can add as many shapes as you want to any block so we can add shapes to our sections our rows our columns but also individual elements like this image element or heading here if we want to highlight it with a certain shape pointing towards it then we can do so inside the builder but the example that i want to show you now in this video is i want to have a little tilt here on my right hand column so i break up this boring divider here between those two columns so what i would do here in this case i would edit my column go to shape dividers and add my first shape you can add more shapes down here and you can add as many as you want you can also rearrange them they are order but our first shape is going to be a tilt which we are not going to see now because we need to move it to the front otherwise it's behind our image here and we also need to adjust our color then we're going to flip it and we're going to reduce our width and you can see now you have a few clicks i did this beautiful shape divider now you have this little tilt here but i'm also going to clone it to move it to add another tilt on the right hand side here that will match our background color so horizontal alignment bottom end okay and this one should be white and now you can already see within less than a minute i've added those two shapes to my column here and this already looks much better i could add the same column of course to this column the same tilt sorry let's first flip it so i know what i'm doing here with again it can be also 40 pixel 40 and then we make it white and now we also have our break here maybe in that case i would actually align my typography and now our section looks like this with those two columns here of course i can add more shapes if i want to say let's add a little square to it a little square 60 pixel height and width and then also want to move this at the end here but maybe i want this to overlap then i would say bottom minus 30 because up the height of our shape here 60 pixel and then on the left hand side we also move it 30 to the left and we want this to overflow because by default you can see now it doesn't overflow our column now it does and you can also rotate it if you want to have this in a certain angle in my case i just put 45 degree and that's basically everything you need to know about shape dividers you can mix and match them into any block change all sorts of properties for them just play around with them i use them here now for my columns but you would also most often actually probably use them between your sections to break them up a little bit and yep that's everything about shape dividers

Channel: Bricks - Visual Site Builder for WordPress

Views: 798

Keywords:

Id: rXhgQ5fsKDc

Length: 3min 25sec (205 seconds)

Published: Fri Mar 26 2021