{"id":760,"date":"2022-10-05T04:58:08","date_gmt":"2022-10-05T04:58:08","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/10\/05\/6614604-hostinger-website-builder-how-to-change-the-button-shape\/"},"modified":"2026-03-16T12:12:05","modified_gmt":"2026-03-16T12:12:05","slug":"6614604-hostinger-website-builder-how-to-change-the-button-shape","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6614604-hostinger-website-builder-how-to-change-the-button-shape\/","title":{"rendered":"Hostinger Website Builder: How to Change the Button Shape"},"content":{"rendered":"<p class=\"no-margin\">In <b>Hostinger Website Builder<\/b>, you can change the button shape in two ways:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_62b55c2ec4\" target=\"_blank\" class=\"intercom-content-link\">Globally<\/a><\/b> &ndash; apply the changes to all button elements across your website<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_6edf00bd08\" target=\"_blank\" class=\"intercom-content-link\">Locally<\/a><\/b> &ndash; change the shape of a particular button element<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_62b55c2ec4\">Global Button Shape Settings<\/h2><p class=\"no-margin\">Expand the <b>Website styles<\/b> panel on the left, open the <b>Buttons<\/b> tab, and select the preferred button shape (oval, rounded, rectangular):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/10\/7d3aa297-4202-4a35-a500-bd090fd81c84.jpg\" width=\"320\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">If you make changes in the global style settings, they are applied to all buttons across your website, including <b>regular<\/b> buttons,<b> &ldquo;Add to bag&rdquo;<\/b> buttons in single product and product list sections, and <b>submit<\/b> buttons in contact and subscription forms. <\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_6edf00bd08\">Local Button Shape Settings<\/h2><p class=\"no-margin\">Locally, you can change the button shape for the following elements:<\/p><ul>\n<li>\n<p class=\"no-margin\">Regular<b> <a href=\"\/support\/6435964-website-builder-how-to-add-buttons\" target=\"_blank\" class=\"intercom-content-link\">button<\/a><\/b> elements<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6570087-website-builder-add-to-bag-buttons\" target=\"_blank\" class=\"intercom-content-link\">&ldquo;Add to bag&ldquo; button<\/a><\/b> elements<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6463265-website-builder-how-to-add-and-manage-contact-forms\" target=\"_blank\" class=\"intercom-content-link\">Contact form<\/a><\/b> elements<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6474695-website-builder-how-to-add-a-subscribe-form\" target=\"_blank\" class=\"intercom-content-link\">Subscription form<\/a><\/b> elements<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h4 id=\"h_c7dbd4fbae\">Regular and <b>&ldquo;<\/b>Add to bag<b>&ldquo;<\/b> buttons<\/h4><p class=\"no-margin\">Within the editor, click on a button element and select <b>Edit button<\/b>. Then, open the <b>Style<\/b> tab and change the <b>corner radius<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/10\/4463490e-f35e-46b9-8641-7f41ef024616.jpg\"><\/div><p class=\"no-margin\">\n<\/p><h4 id=\"h_99f89de9ec\">The <b>&ldquo;<\/b>Submit<b>&ldquo;<\/b> button in contact and subscription forms<\/h4><p class=\"no-margin\">Click on the contact or subscription form and select <b>Edit form<\/b>. Open the<b> Style<\/b> tab and select <b>Submit button <\/b>from the dropdown. Then, change the <b>corner radius<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/10\/f354a37d-bfee-427e-b6ce-8383d7ebd068.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">And that&rsquo;s it!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to style buttons using Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[281],"tags":[],"class_list":["post-760","post","type-post","status-publish","format-standard","hentry","category-design"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6614604-hostinger-website-builder-how-to-change-the-button-shape\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6614604-hostinger-creador-de-sitios-web-como-cambiar-la-forma-del-boton\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6614604-hostinger-createur-de-site-web-comment-modifier-la-forme-du-bouton\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6614604-hostinger-svetainiu-kurimo-irankis-kaip-keisti-mygtuku-forma\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6614604-hostinger-criador-de-sites-como-mudar-o-formato-dos-botoes-do-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=760"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/760\/revisions"}],"predecessor-version":[{"id":3221,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/760\/revisions\/3221"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}