How To Add Radius For Buttons for Blogger

Hello Guys and welcome to Wolv Themes Our Tutorial today is about How To add Radius For Box for Blogger.

Why Add Radius For Boxes ?

adding radius for boxes is such a nice thing because it changes all your website boxes usual look to radius look, also it improves the smoothness of the boxes look and click

Benefits :-

  • Radius for all your boxes 
  • Improves smoothness of the boxes and click
Let's Start

Radius Button Demo

How To Add Radius For Boxes :-

Step 1 :- Go to Blogger's dashboard and click theme.
Step 2 :- Click the arrow down icon next to the 'customize' button.
Step 3 :- Click Edit Html.
Step 4 :- Click on any word then Press CTRL+ F and type in the search form ]]></b:skin>.
Step 5 :- Copy the provided below code and paste it just before ]]></b:skin>.
/* Button Radius Code By Wolv Temes */
.button{border-radius: 6px !important;}
.blogContent .widget input[type=button], .blogContent .widget input[type=submit] { border-radius: 6px !important;}
.blogPager > *, .postNav > * {
border-radius: 6px!important;
}
Step 6 :- (optional) Replace 10px with the radius you need.

check what you need

Rate this article

Frontend Developer and UX Designer

Post a Comment