{"id":5362,"date":"2025-01-14T10:22:03","date_gmt":"2025-01-14T10:22:03","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&#038;p=5362"},"modified":"2025-01-14T10:22:04","modified_gmt":"2025-01-14T10:22:04","slug":"how-to-change-the-design-of-images","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/","title":{"rendered":"How to Change the Design of Images"},"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>In this article, you will learn how to <strong>configure the overall design of images<\/strong> on your site.&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-88.png\" alt=\"\" class=\"wp-image-5364\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88.png 518w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88-300x135.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88-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>Images<\/strong> &lt; <strong>Adjust Images<\/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=\"835\" height=\"560\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-89.png\" alt=\"\" class=\"wp-image-5363\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-89.png 835w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-89-300x201.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-89-768x515.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-89-50x34.png 50w\" sizes=\"auto, (max-width: 835px) 100vw, 835px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Here you can select a property to edit.&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=\"303\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-90-1024x303.png\" alt=\"\" class=\"wp-image-5365\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-90-1024x303.png 1024w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-90-300x89.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-90-768x228.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-90-50x15.png 50w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-90-1536x455.png 1536w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-90.png 1600w\" 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<h2 class=\"wp-block-heading\">Adjustable Properties<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Description<\/strong>: Sets the placement of a caption, either below the image or over it.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Corners<\/strong>: Allows you to choose between sharp or rounded corners for the image.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hover Animation<\/strong>: Controls the effect when hovering over the image, with options such as zoom, partial opacity, or no animation.&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Image Detail Background<\/strong>: Available when the image is clicked, this setting lets you choose a dark or light background around the image.&nbsp;<\/li>\n<\/ul>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, you will learn how to configure the overall design of images on your site.&nbsp; Getting Started 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 HERE Step One Click Settings.&nbsp; Step Two Click Design then Images [&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-5362","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 Images - 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-images\/\" \/>\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 Images - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"In this article, you will learn how to configure the overall design of images on your site.&nbsp; Getting Started 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 HERE Step One Click Settings.&nbsp; Step Two Click Design then Images [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/\" \/>\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:22:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88.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-images\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/\",\"name\":\"How to Change the Design of Images - 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-images\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88.png\",\"datePublished\":\"2025-01-14T10:22:03+00:00\",\"dateModified\":\"2025-01-14T10:22:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88.png\",\"width\":518,\"height\":233},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/#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 Images\"}]},{\"@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 Images - 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-images\/","og_locale":"en_GB","og_type":"article","og_title":"How to Change the Design of Images - Support Centre - names.co.uk","og_description":"In this article, you will learn how to configure the overall design of images on your site.&nbsp; Getting Started 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 HERE Step One Click Settings.&nbsp; Step Two Click Design then Images [&hellip;]","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-14T10:22:04+00:00","og_image":[{"width":518,"height":233,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88.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-images\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/","name":"How to Change the Design of Images - 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-images\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88.png","datePublished":"2025-01-14T10:22:03+00:00","dateModified":"2025-01-14T10:22:04+00:00","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-88.png","width":518,"height":233},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-change-the-design-of-images\/#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 Images"}]},{"@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\/5362","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=5362"}],"version-history":[{"count":3,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5362\/revisions"}],"predecessor-version":[{"id":6485,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5362\/revisions\/6485"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=5362"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=5362"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=5362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}