Centered with a colored background and dashed border
To Do This
Block type COVER. Change the bg color to what you want it – Add a button and change the color and the radius.
The dotted border is more difficult but i made a custom css style with a dotted purple border and applied it to the COVER block and here you go – we would need to make one for each color OR just make a dotted black border for use with all colors.
Have more questions?
Get immediate access to our insights and strategies secretly used by leading brands that defy the odds and enjoy insane levels of growth.
Click the “Get More Reach” button below to get started.
FIRST – Breadcrumbs
Note the bottom left corner of this broser window and you will see this… (Look at this page in edit mode)
This tells you which block you are in and in which block your current block is nested… So obviously paragraph is this text, follow? Then Cover is what controls the background. Click COVER (on the bottom bar)
SECOND – Cover Block
To change the background color – click cover and note on the right all the options for cover – Layout, Padding, Margin, and Advanced.
The split circle is actually where you specify background color among other thinks like opacity of background or even a background image instead of a solid color.
Layout is pretty easy with page width and text alignment…
The padding tab is for spacing inside the ‘Cover’ block and margin is for spacing outside.
Advanced – is where the border has to be specified with a css style.
THIRD – Buttons
Buttons are easy dude – you can either type in ‘/button’ where the text says ‘Type / to choose a block’ or copy one from somewhere else and just change the attributes…
Make sure you have ‘Button’ selected in the breadcrumbs and not ‘Buttons’. Color, typogrphy and border radius are only able to be changed under the individual button attributes….