{"id":101,"date":"2020-01-28T09:48:47","date_gmt":"2020-01-28T09:48:47","guid":{"rendered":"https:\/\/www.oxilabdemos.com\/image-hover\/docs\/customization\/border-radius\/"},"modified":"2020-11-16T14:31:36","modified_gmt":"2020-11-16T14:31:36","slug":"border-radius","status":"publish","type":"docs","link":"https:\/\/www.oxilabdemos.com\/image-hover\/docs\/customization\/border-radius\/","title":{"rendered":"Border &#038; Radius"},"content":{"rendered":"<h2 style=\"text-align: center;\">Customize the Border<\/h2>\n<hr \/>\n<p><em>You can customize the border and add the color around the image hover content and the button. First, expand the settings by clicking on the setting icon beside the Border menu. Then start editing the border from border type to border-radius. Let&#8217;s see them separately:<\/em><\/p>\n<p><a href=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2641\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-6.png\" alt=\"\" width=\"1156\" height=\"582\" srcset=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-6.png 1156w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-6-300x151.png 300w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-6-1024x516.png 1024w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-6-768x387.png 768w\" sizes=\"auto, (max-width: 1156px) 100vw, 1156px\" \/><\/a><\/p>\n<h3><\/h3>\n<h3>Border Type<\/h3>\n<p>Select a border type from the list according to your preference. And then set the border width for the top, right, bottom, and left of the image hover content and button for different dimensions. You can link the values together or customize them individually.<\/p>\n<p>&nbsp;<\/p>\n<h3>Border Color<\/h3>\n<p>After adding the border type and width, add a custom color to the border. Make sure you add the value to the border up to 1 PX\/EM to effectively apply the color on it.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>Border Radius<\/h3>\n<p>From this option, you can radius your border manually. If you want to make a circular border, set a radius value of 100 PX. The more you want your border to be square, the lessen your value of the radius.<\/p>\n<p><a href=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2639\" src=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-4.png\" alt=\"\" width=\"1410\" height=\"608\" srcset=\"https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-4.png 1410w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-4-300x129.png 300w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-4-1024x442.png 1024w, https:\/\/www.oxilabdemos.com\/image-hover\/wp-content\/uploads\/2020\/01\/Image-4-768x331.png 768w\" sizes=\"auto, (max-width: 1410px) 100vw, 1410px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"featured_media":0,"parent":89,"menu_order":10,"template":"","doc_tag":[],"class_list":["post-101","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":8,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/101\/revisions"}],"predecessor-version":[{"id":3539,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/101\/revisions\/3539"}],"up":[{"embeddable":true,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/docs\/89"}],"wp:attachment":[{"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.oxilabdemos.com\/image-hover\/wp-json\/wp\/v2\/doc_tag?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}