{"id":6922,"date":"2024-07-10T07:56:05","date_gmt":"2024-07-10T07:56:05","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=6922"},"modified":"2024-07-10T07:56:05","modified_gmt":"2024-07-10T07:56:05","slug":"how-to-customize-cancel-button-text-and-background-color","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/","title":{"rendered":"How to Customize Cancel Button Text and Background Color?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Customizing Cancel Button Text and Background Color<\/h2>\n\n\n\n<p>Customize the cancel order button to match brand identity. Here are the steps to customize the cancel button text and background color using the PrestaShop Cancel Order by Customer module.<\/p>\n\n\n\n<p>In the PrestaShop back office, go to the <strong>General Settings<\/strong> tab within the Cancel Order by Customer module.<\/p>\n\n\n\n<p><strong>Customize the Cancel Button Text:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Find the Cancel Button Text field within the settings.<\/li>\n\n\n\n<li>Type the text you want to be displayed on the cancel button. This text should be clear and indicative of the button&#8217;s function (e.g., &#8220;Cancel Order&#8221;).<\/li>\n<\/ul>\n\n\n\n<p><strong>Customize the Cancel Button Text Color:&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Find the Cancel Button Text Color setting.<\/li>\n\n\n\n<li>Use the color picker to select the desired color for the cancel button text. Ensure the text color contrasts well with the background color for readability.<\/li>\n<\/ul>\n\n\n\n<p><strong>Customize the Cancel Button Background Color:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Find the Cancel Button Background Color setting.<\/li>\n\n\n\n<li>Use the color picker to select the desired background color for the cancel button. Make sure it aligns with your site&#8217;s color scheme and enhances the button&#8217;s visibility.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcKb89tPQP-ynZ0Aeg4hzvtf9WABx28zIq-NXVP1Cyxjer_IpunxjQzKnKICP2Z8EjiNJgOpZg2K70Y69EvAOPeJVcCoXycejsYk-XgNfkwJ5A6M7q0HYeZ4F1873EjidFZ4bIbWst8pHu0mBG22JilVuIi?key=UwBo7qqjUhz1BJxjz_vMqg\" alt=\"\"\/><\/figure>\n\n\n\n<p>After configuring the settings, click on Save to apply the changes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Customizing Cancel Button Text and Background Color Customize the cancel order button to match brand identity. Here are the steps to customize the cancel button text and background color using the PrestaShop Cancel Order by Customer module. In the PrestaShop back office, go to the General Settings tab within the Cancel Order by Customer module. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6918,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"template-parts\/multiple-page-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-6922","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Customize Cancel Button Text and Background Color? - Documentation<\/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:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Customize Cancel Button Text and Background Color? - Documentation\" \/>\n<meta property=\"og:description\" content=\"Customizing Cancel Button Text and Background Color Customize the cancel order button to match brand identity. Here are the steps to customize the cancel button text and background color using the PrestaShop Cancel Order by Customer module. In the PrestaShop back office, go to the General Settings tab within the Cancel Order by Customer module. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcKb89tPQP-ynZ0Aeg4hzvtf9WABx28zIq-NXVP1Cyxjer_IpunxjQzKnKICP2Z8EjiNJgOpZg2K70Y69EvAOPeJVcCoXycejsYk-XgNfkwJ5A6M7q0HYeZ4F1873EjidFZ4bIbWst8pHu0mBG22JilVuIi?key=UwBo7qqjUhz1BJxjz_vMqg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/\",\"url\":\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/\",\"name\":\"How to Customize Cancel Button Text and Background Color? - Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/addify.store\/documentation\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcKb89tPQP-ynZ0Aeg4hzvtf9WABx28zIq-NXVP1Cyxjer_IpunxjQzKnKICP2Z8EjiNJgOpZg2K70Y69EvAOPeJVcCoXycejsYk-XgNfkwJ5A6M7q0HYeZ4F1873EjidFZ4bIbWst8pHu0mBG22JilVuIi?key=UwBo7qqjUhz1BJxjz_vMqg\",\"datePublished\":\"2024-07-10T07:56:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/#primaryimage\",\"url\":\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcKb89tPQP-ynZ0Aeg4hzvtf9WABx28zIq-NXVP1Cyxjer_IpunxjQzKnKICP2Z8EjiNJgOpZg2K70Y69EvAOPeJVcCoXycejsYk-XgNfkwJ5A6M7q0HYeZ4F1873EjidFZ4bIbWst8pHu0mBG22JilVuIi?key=UwBo7qqjUhz1BJxjz_vMqg\",\"contentUrl\":\"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcKb89tPQP-ynZ0Aeg4hzvtf9WABx28zIq-NXVP1Cyxjer_IpunxjQzKnKICP2Z8EjiNJgOpZg2K70Y69EvAOPeJVcCoXycejsYk-XgNfkwJ5A6M7q0HYeZ4F1873EjidFZ4bIbWst8pHu0mBG22JilVuIi?key=UwBo7qqjUhz1BJxjz_vMqg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/addify.store\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PrestaShop\",\"item\":\"https:\/\/addify.store\/documentation\/prestashop\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Prestashop Cancel Order by Customer\",\"item\":\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How To\u2019s PCOC\",\"item\":\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to Customize Cancel Button Text and Background Color?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/addify.store\/documentation\/#website\",\"url\":\"https:\/\/addify.store\/documentation\/\",\"name\":\"Documentation\",\"description\":\"Documentation for Addify Extensions\",\"publisher\":{\"@id\":\"https:\/\/addify.store\/documentation\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/addify.store\/documentation\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/addify.store\/documentation\/#organization\",\"name\":\"Documentation\",\"url\":\"https:\/\/addify.store\/documentation\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png\",\"contentUrl\":\"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png\",\"width\":6761,\"height\":1853,\"caption\":\"Documentation\"},\"image\":{\"@id\":\"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Customize Cancel Button Text and Background Color? - Documentation","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:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/","og_locale":"en_US","og_type":"article","og_title":"How to Customize Cancel Button Text and Background Color? - Documentation","og_description":"Customizing Cancel Button Text and Background Color Customize the cancel order button to match brand identity. Here are the steps to customize the cancel button text and background color using the PrestaShop Cancel Order by Customer module. In the PrestaShop back office, go to the General Settings tab within the Cancel Order by Customer module. [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/","og_site_name":"Documentation","og_image":[{"url":"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcKb89tPQP-ynZ0Aeg4hzvtf9WABx28zIq-NXVP1Cyxjer_IpunxjQzKnKICP2Z8EjiNJgOpZg2K70Y69EvAOPeJVcCoXycejsYk-XgNfkwJ5A6M7q0HYeZ4F1873EjidFZ4bIbWst8pHu0mBG22JilVuIi?key=UwBo7qqjUhz1BJxjz_vMqg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/","url":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/","name":"How to Customize Cancel Button Text and Background Color? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcKb89tPQP-ynZ0Aeg4hzvtf9WABx28zIq-NXVP1Cyxjer_IpunxjQzKnKICP2Z8EjiNJgOpZg2K70Y69EvAOPeJVcCoXycejsYk-XgNfkwJ5A6M7q0HYeZ4F1873EjidFZ4bIbWst8pHu0mBG22JilVuIi?key=UwBo7qqjUhz1BJxjz_vMqg","datePublished":"2024-07-10T07:56:05+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/#primaryimage","url":"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcKb89tPQP-ynZ0Aeg4hzvtf9WABx28zIq-NXVP1Cyxjer_IpunxjQzKnKICP2Z8EjiNJgOpZg2K70Y69EvAOPeJVcCoXycejsYk-XgNfkwJ5A6M7q0HYeZ4F1873EjidFZ4bIbWst8pHu0mBG22JilVuIi?key=UwBo7qqjUhz1BJxjz_vMqg","contentUrl":"https:\/\/lh7-us.googleusercontent.com\/docsz\/AD_4nXcKb89tPQP-ynZ0Aeg4hzvtf9WABx28zIq-NXVP1Cyxjer_IpunxjQzKnKICP2Z8EjiNJgOpZg2K70Y69EvAOPeJVcCoXycejsYk-XgNfkwJ5A6M7q0HYeZ4F1873EjidFZ4bIbWst8pHu0mBG22JilVuIi?key=UwBo7qqjUhz1BJxjz_vMqg"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/how-to-customize-cancel-button-text-and-background-color\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/addify.store\/documentation\/"},{"@type":"ListItem","position":2,"name":"PrestaShop","item":"https:\/\/addify.store\/documentation\/prestashop\/"},{"@type":"ListItem","position":3,"name":"Prestashop Cancel Order by Customer","item":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/"},{"@type":"ListItem","position":4,"name":"How To\u2019s PCOC","item":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cancel-order-by-customer\/how-tos\/"},{"@type":"ListItem","position":5,"name":"How to Customize Cancel Button Text and Background Color?"}]},{"@type":"WebSite","@id":"https:\/\/addify.store\/documentation\/#website","url":"https:\/\/addify.store\/documentation\/","name":"Documentation","description":"Documentation for Addify Extensions","publisher":{"@id":"https:\/\/addify.store\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/addify.store\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/addify.store\/documentation\/#organization","name":"Documentation","url":"https:\/\/addify.store\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","contentUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","width":6761,"height":1853,"caption":"Documentation"},"image":{"@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/comments?post=6922"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6922\/revisions"}],"predecessor-version":[{"id":6927,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6922\/revisions\/6927"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6918"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=6922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}