kingcomposer-border-radius-tips

Border Box Tips nobody tell you how – easier with KingComposer page builder

Sometimes, you want to have a box or image round or rounded but you do not know how to do that.
The tips bellow will help you clear about that and easy work with KingComposer page builder for any wordpress page.

First, we understand more about the border properties of CSS. The border has the width, style, and color and the most important extend border properties are border radius.

You can find some description bellow at W3Schools site http://www.w3schools.com/css/css_border.asp

Border have from one to four values (for the top border, right border, bottom border, and the left border).
The border-style property specifies what kind of border to display.
The border-width property specifies the width of the four borders.
The border-color property is used to set the color of the four borders.
The border-radius property is used to add rounded borders to an element.

With some small pixel you can have round border and increase the border-radius you will have the roundest border as example :

 

 

So how about the rounded box, the formula is width equal height and equal border-radius, see short clip bellow

Ok now forgot about all things above, just remember the formula.
We can do practice with KingComposer.
Please check video bellow: