{"id":5350,"date":"2025-01-14T10:21:03","date_gmt":"2025-01-14T10:21:03","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&#038;p=5350"},"modified":"2025-01-14T10:21:04","modified_gmt":"2025-01-14T10:21:04","slug":"how-to-change-the-design-of-buttons","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/","title":{"rendered":"How to Change the Design of Buttons"},"content":{"rendered":"\n<div class=\"wp-block-nco-info-block\"><p class=\"nco-info-block-content\"><strong>Info:<\/strong> This article applies to Website Builder purchases made after 14<sup>th<\/sup> January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n<p>The button feature serves as a decorative element that allows you to create links to other pages within your website or to external web pages. In this article, you will learn how to <strong>customize the appearance of the buttons<\/strong> on your site.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p>To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide <a href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-access-your-control-panel\/\">HERE<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step One<\/h2>\n\n\n\n<p>Click <strong>Settings<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"233\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81.png\" alt=\"\" class=\"wp-image-5351\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81.png 518w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81-300x135.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81-50x22.png 50w\" sizes=\"auto, (max-width: 518px) 100vw, 518px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Two<\/h2>\n\n\n\n<p>Click <strong>Design<\/strong>, then <strong>Buttons<\/strong> &lt; <strong>Adjust Buttons<\/strong>&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"838\" height=\"560\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-82.png\" alt=\"\" class=\"wp-image-5353\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-82.png 838w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-82-300x200.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-82-768x513.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-82-50x33.png 50w\" sizes=\"auto, (max-width: 838px) 100vw, 838px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Three<\/h2>\n\n\n\n<p>In this area you can select one of the properties and edit it.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-83-1024x457.png\" alt=\"\" class=\"wp-image-5352\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-83-1024x457.png 1024w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-83-300x134.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-83-768x343.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-83-50x22.png 50w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-83.png 1320w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Shape<\/strong> defines the roundness of the button&#8217;s corners. You can select a rectangle with sharp corners, a rectangle with rounded corners, or a fully rounded button.&nbsp;<\/p>\n\n\n\n<p><strong>Decoration<\/strong> options allow you to customize the button&#8217;s appearance by making it shadowless, adding a shadow at the bottom, or surrounding the button with a shadow.&nbsp;<\/p>\n\n\n\n<p>You can adjust the <strong>Size<\/strong> of the button to be either large or medium.&nbsp;<\/p>\n\n\n\n<p><strong>Border Width<\/strong> lets you set the thickness of the line around the button.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Four<\/h2>\n\n\n\n<p>Once the desired changes have been made, click <strong>Save changes.<\/strong>&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you have any further questions, simply&nbsp;<strong><a href=\"https:\/\/admin.names.co.uk\/tech_support\/tracking\/add.php\">raise a support request<\/a><\/strong>&nbsp;from within your Online Control Panel or call us on&nbsp;<strong>0345 363 3634<\/strong>. Our Support team are here to help and ready to assist you with your enquiry.<\/p>\n\n\n\n<p>For assistance raising a support request please follow the following&nbsp;<strong><a href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-open-a-support-enquiry\/\">guide<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The button feature serves as a decorative element that allows you to create links to other pages within your website or to external web pages. In this article, you will learn how to customize the appearance of the buttons on your site.&nbsp;&nbsp; Getting Started To get started, you first need to log into the web [&hellip;]<\/p>\n","protected":false},"author":28,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[260,154,262],"ht-kb-tag":[153,257],"class_list":["post-5350","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-edit-your-website","ht_kb_category-website-builder","ht_kb_category-website-design","ht_kb_tag-website-builder","ht_kb_tag-xsw"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Change the Design of Buttons - Support Centre - names.co.uk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Design of Buttons - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"The button feature serves as a decorative element that allows you to create links to other pages within your website or to external web pages. In this article, you will learn how to customize the appearance of the buttons on your site.&nbsp;&nbsp; Getting Started To get started, you first need to log into the web [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - names.co.uk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/namesco\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-14T10:21:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81.png\" \/>\n\t<meta property=\"og:image:width\" content=\"518\" \/>\n\t<meta property=\"og:image:height\" content=\"233\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@namesco\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/\",\"name\":\"How to Change the Design of Buttons - Support Centre - names.co.uk\",\"isPartOf\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81.png\",\"datePublished\":\"2025-01-14T10:21:03+00:00\",\"dateModified\":\"2025-01-14T10:21:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81.png\",\"width\":518,\"height\":233},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change the Design of Buttons\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\",\"url\":\"https:\/\/www.names.co.uk\/support\/\",\"name\":\"Support Centre - names.co.uk\",\"description\":\"names.co.uk Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.names.co.uk\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change the Design of Buttons - Support Centre - names.co.uk","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/","og_locale":"en_GB","og_type":"article","og_title":"How to Change the Design of Buttons - Support Centre - names.co.uk","og_description":"The button feature serves as a decorative element that allows you to create links to other pages within your website or to external web pages. In this article, you will learn how to customize the appearance of the buttons on your site.&nbsp;&nbsp; Getting Started To get started, you first need to log into the web [&hellip;]","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-14T10:21:04+00:00","og_image":[{"width":518,"height":233,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/","name":"How to Change the Design of Buttons - Support Centre - names.co.uk","isPartOf":{"@id":"https:\/\/www.names.co.uk\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81.png","datePublished":"2025-01-14T10:21:03+00:00","dateModified":"2025-01-14T10:21:04+00:00","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-81.png","width":518,"height":233},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-buttons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to Change the Design of Buttons"}]},{"@type":"WebSite","@id":"https:\/\/www.names.co.uk\/support\/#website","url":"https:\/\/www.names.co.uk\/support\/","name":"Support Centre - names.co.uk","description":"names.co.uk Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.names.co.uk\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=5350"}],"version-history":[{"count":4,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5350\/revisions"}],"predecessor-version":[{"id":6483,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5350\/revisions\/6483"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=5350"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=5350"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=5350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}