Creating Rounded Corners Effect

WPThemeBuilder comes with a rounded corner options for different types of elements

• Theme Header
• Theme Footer
• Theme Content Wrapper OR Theme Overall Wrapper

You can make them rounded corners easily with few clicks and make your theme looks more beautiful.

Compatibility Level

Rounded Corner option is compatible with all browsers. The browsers which support CSS3 will use a CSS3 rule and the browsers which does not support CSS3 will use a jQuery library called Curvycorners.  Hence the rounded corner option is supported for all browsers. (Note: jQuery library will only be loaded on non-CSS3 compatible browsers).

Creating Rounded Corners

1. Open ThemeBuilder from your profile page.
2. Apply some background effect in theme body tab so we can see how rounded corner will look like.
3. Select a container element, (e.g we have selected container which will contain everything including header, sidebars, content column and footer).
4. Now Select on More tab and then click on Rounded Corners button.
5. Now select a corner radius and if you don’t want a corner to be rounded simply uncheck it and hit Apply Rounded Corners.
6. Give some border and background color to the container.

You can also round the corners of header and footer. Similarly you can create different sets of rounded corner elements by enabling/disabling corners effect on different borders. You can round all corners or just 2 corners and so on. This option is very much flexible.

Video Guide