{"id":15315,"date":"2019-08-22T18:28:04","date_gmt":"2019-08-22T16:28:04","guid":{"rendered":"https:\/\/www.wp-amazon-plugin.com\/?post_type=knowledgebase&#038;p=15315"},"modified":"2019-08-22T18:34:34","modified_gmt":"2019-08-22T16:34:34","slug":"can-the-button-size-of-template-flat_box_horizontal-be-adjusted","status":"publish","type":"knowledgebase","link":"https:\/\/www.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/","title":{"rendered":"Can the button size of template Flat_box_horizontal be adjusted?"},"content":{"rendered":"<p>Yes. The button width can either be set globally using the template options or individually for each individual use, using the shortcode option &#8222;<strong>button_max_width<\/strong>&#8222;. Check out the documentation page for <a href=\"https:\/\/docs.getasa2.com\/managed_templates_horizontal_box.html#complete-options-list\" target=\"_blank\" rel=\"noopener noreferrer\">all options of Flat_box_horizontal<\/a>.<\/p>\n<div id=\"\" class=\"x-alert x-alert- x-alert-block\" style=\"info\">Note that the value must be <strong>CSS compatible<\/strong>, i.e. it must contain a numerical value and either &#8222;px&#8220; for pixels or&#8220;%&#8220; for percent.<\/div>\n<h3>Example with 200px<\/h3>\n<pre class=\"lang:default decode:true \"><style type=\"text\/css\">.asa2_fbh {border:1px solid #E8E8E8; border-radius:5px;margin-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,0.15);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);transition:all 0.3s ease-in-out;position:relative;background:#FFFFFF;}.asa2_fbh_wrapper {width:100%;}{width:100%;}.asa2_fbh::after {content:\"\";display:table;clear:both;position:relative;border-radius:5px;z-index:-1;width:100%;height:100%;opacity:0;box-shadow:0 5px 15px rgba(0,0,0,0.3);-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:opacity 0.3s ease-in-out;}.asa2_fbh_inner_1 {display:flex;}.asa2_fbh_img {flex:0 1 auto;text-align:center;padding:10px;}.asa2_fbh_img a, .asa2_fbh_img a:hover, .asa2_fbh_img a:focus {text-decoration:none;border:0;box-shadow:none !important;-webkit-box-shadow:none !important;}.asa2_fbh_img img {max-width:140px !important;margin:0 auto !important;box-shadow:none !important;-webkit-box-shadow:none !important;}.asa2_fbh_body {flex:1 1 0%;position:relative;padding:10px 10px 10px 0;}.asa2_fbh_title {font-size:1em;margin-bottom:5px;padding:0 4px;}.asa2_fbh_title, .asa2_fbh_title a {}.asa2_fbh_rating {vertical-align:middle;}.asa2_fbh_price span:first-child, .asa2_fbh_not_available {font-size:1em;margin-bottom:6px;color:#990000;}.asa2_fbh_listprice {text-decoration:line-through !important;font-size:13px!important;color:#555!important;}.asa2_fbh div.asa2_as_of {font-size:12px !important;display:inline;}.asa2_fbh .asa2_merchant {font-size:12px !important;}.asa2_fbh_button {width:100%;display:inline-block;color:#ffffff !important;background-color:#1d68ff;border-radius:5px;cursor:pointer;padding-top:8px;padding-bottom:8px;text-align:center; text-decoration:none !important;border:0 !important;outline:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;transition-duration:0.3s !important;transition:0.3s !important;margin-top:10px;max-width:300px;}.asa2_fbh_button:hover, .asa2_fbh_button:focus {background-color:#ff9600;color:#fff !important;text-decoration:none !important;border:0 !important;outline:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;}.asa2_fbh_inner_2 {padding:0 10px;}.asa2_fbh .description {margin-bottom:10px;font-size:80%;}.asa2_fbh .description ul {list-style-position:inside; }.asa2_fbh .disclaimer {font-size:x-small;margin-bottom:10px;}.asa2_fbh .features {margin-bottom:10px;font-size:80%;}.asa2_fbh .features ul {list-style-position:inside;}.asa2_fbh_ribbon { position:absolute; right:-5px; top:-5px; z-index:1; overflow:hidden; width:100px; height:100px; text-align:right;}.asa2_fbh_ribbon span { font-size:12px;color:#ffffff;text-align:center; line-height:25px; transform:rotate(45deg); width:120px; display:block; background:#ff0000; box-shadow:0 3px 10px -5px rgba(0, 0, 0, 1); position:absolute; top:22px; right:-26px;}.asa2_fbh_ribbon span::before { content:''; position:absolute;left:0px; top:100%; z-index:-1; border-left:3px solid #ff0000; border-right:3px solid transparent; border-bottom:3px solid transparent; border-top:3px solid #ff0000;}.asa2_fbh_ribbon span::after { content:''; position:absolute;right:0%; top:100%; z-index:-1; border-right:3px solid #ff0000; border-left:3px solid transparent; border-bottom:3px solid transparent; border-top:3px solid #ff0000;}@media (max-width:500px) {.asa2_fbh_inner_1 {flex-direction:column;}.asa2_fbh_body {padding-left:10px;text-align:center;}.asa2_fbh_title {margin-right:0 !important;}.asa2_fbh_wrapper:not(.slick-slide) {float:none;width:99%;margin-right:0;margin-left:0;}}<\/style><style type=\"text\/css\">.asa2_be33fceb9cf76b2be09772e7b25d0005 .asa2_fbh_button {max-width:200px;}<\/style><div class=\"asa2_fbh_wrapper asa2_be33fceb9cf76b2be09772e7b25d0005\" data-tpl=\"Flat_box_horizontal\"><div class=\"asa2_fbh\">\n  \t<div class=\"asa2_fbh_inner_1\">\n      <div class=\"asa2_fbh_img\">\n      <a href=\"https:\/\/www.amazon.de\/dp\/B01E3SNO1G?tag=hhessdedasher-21&linkCode=ogi&th=1&psc=1\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" title=\"Bose \u00ae QuietComfort 35 kabellose Kopfh\u00f6rer schwarz\" alt=\"Bose \u00ae QuietComfort 35 kabellose Kopfh\u00f6rer schwarz\" src=\"https:\/\/m.media-amazon.com\/images\/I\/41daeCpkaAL._SL160_.jpg\" width=\"160\" height=\"160\" \/><\/a>      <\/div>\n      <div class=\"asa2_fbh_body\">\n          <div class=\"asa2_fbh_title\">\n              <a href=\"https:\/\/www.amazon.de\/dp\/B01E3SNO1G?tag=hhessdedasher-21&linkCode=ogi&th=1&psc=1\" target=\"_blank\" rel=\"nofollow\">Bose \u00ae QuietComfort 35 kabellose Kopfh\u00f6rer schwarz<\/a>          <\/div>\n          <div class=\"asa2_fbh_rating\"><span class=\"asa2-a-icon asa2-a-icon-star asa2-a-star-4-5\" style=\"width: 80px !important;\"><\/span><\/div>\n                    <div class=\"asa2_fbh_not_available\">Nicht verf\u00fcgbar<\/div>\n                              <a class=\"asa2_fbh_button\" href=\"https:\/\/www.amazon.de\/dp\/B01E3SNO1G?tag=hhessdedasher-21&linkCode=ogi&th=1&psc=1\" target=\"_blank\" rel=\"nofollow\">Bei Amazon ansehen<\/a>      <\/div>\n    <\/div>\n  \t<div class=\"asa2_fbh_inner_2\">\n    <style type=\"text\/css\">.features .asa2-read-more-state ~ .asa2-read-more-trigger:before {content:'Mehr anzeigen';}.features .asa2-read-more-state:checked ~ .asa2-read-more-trigger:before {content:'Weniger anzeigen';}<\/style>    <style type=\"text\/css\">.description .asa2-read-more-trigger { margin-top:10px;\u201a }.description .asa2-read-more-state ~ .asa2-read-more-trigger:before {content:'Mehr anzeigen';}.description .asa2-read-more-state:checked ~ .asa2-read-more-trigger:before {content:'Weniger anzeigen';}<\/style>      \t<\/div>\n<\/div>\n  <\/div><\/pre>\n<h3>Example with 50%<\/h3>\n<pre class=\"lang:default decode:true \"><style type=\"text\/css\">.asa2_041ffb1b3d5f10d126ef66b51dfecbeb .asa2_fbh_button {max-width:50%;}<\/style><div class=\"asa2_fbh_wrapper asa2_041ffb1b3d5f10d126ef66b51dfecbeb\" data-tpl=\"Flat_box_horizontal\"><div class=\"asa2_fbh\">\n  \t<div class=\"asa2_fbh_inner_1\">\n      <div class=\"asa2_fbh_img\">\n      <a href=\"https:\/\/www.amazon.de\/dp\/B01E3SNO1G?tag=hhessdedasher-21&linkCode=ogi&th=1&psc=1\" target=\"_blank\" rel=\"nofollow\"><img decoding=\"async\" title=\"Bose \u00ae QuietComfort 35 kabellose Kopfh\u00f6rer schwarz\" alt=\"Bose \u00ae QuietComfort 35 kabellose Kopfh\u00f6rer schwarz\" src=\"https:\/\/m.media-amazon.com\/images\/I\/41daeCpkaAL._SL160_.jpg\" width=\"160\" height=\"160\" \/><\/a>      <\/div>\n      <div class=\"asa2_fbh_body\">\n          <div class=\"asa2_fbh_title\">\n              <a href=\"https:\/\/www.amazon.de\/dp\/B01E3SNO1G?tag=hhessdedasher-21&linkCode=ogi&th=1&psc=1\" target=\"_blank\" rel=\"nofollow\">Bose \u00ae QuietComfort 35 kabellose Kopfh\u00f6rer schwarz<\/a>          <\/div>\n          <div class=\"asa2_fbh_rating\"><span class=\"asa2-a-icon asa2-a-icon-star asa2-a-star-4-5\" style=\"width: 80px !important;\"><\/span><\/div>\n                    <div class=\"asa2_fbh_not_available\">Nicht verf\u00fcgbar<\/div>\n                              <a class=\"asa2_fbh_button\" href=\"https:\/\/www.amazon.de\/dp\/B01E3SNO1G?tag=hhessdedasher-21&linkCode=ogi&th=1&psc=1\" target=\"_blank\" rel=\"nofollow\">Bei Amazon ansehen<\/a>      <\/div>\n    <\/div>\n  \t<div class=\"asa2_fbh_inner_2\">\n              \t<\/div>\n<\/div>\n  <\/div><\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yes. The button width can either be set globally using the template options or individually for each individual use, using the shortcode option &#8222;button_max_width&#8222;. Check out the documentation page for all options of Flat_box_horizontal. Example with 200px Example with 50% &nbsp; &nbsp;<\/p>\n","protected":false},"author":1170,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[213],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Can the button size of template Flat_box_horizontal be adjusted? - Amazon Simple Affiliate<\/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.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Can the button size of template Flat_box_horizontal be adjusted? - Amazon Simple Affiliate\" \/>\n<meta property=\"og:description\" content=\"Yes. The button width can either be set globally using the template options or individually for each individual use, using the shortcode option &#8222;button_max_width&#8222;. Check out the documentation page for all options of Flat_box_horizontal. Example with 200px Example with 50% &nbsp; &nbsp;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/\" \/>\n<meta property=\"og:site_name\" content=\"Amazon Simple Affiliate\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpasa2\/\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-22T16:34:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d1uajaf4ht87ft.cloudfront.net\/wp-content\/uploads\/2017\/12\/04220936\/asa2-logo-400.png\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\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=\"@ifeelwebde\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/\",\"url\":\"https:\/\/www.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/\",\"name\":\"Can the button size of template Flat_box_horizontal be adjusted? - Amazon Simple Affiliate\",\"isPartOf\":{\"@id\":\"https:\/\/www.wp-amazon-plugin.com\/#website\"},\"datePublished\":\"2019-08-22T16:28:04+00:00\",\"dateModified\":\"2019-08-22T16:34:34+00:00\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wp-amazon-plugin.com\/#website\",\"url\":\"https:\/\/www.wp-amazon-plugin.com\/\",\"name\":\"Amazon Simple Affiliate\",\"description\":\"Upgrade your WordPress Affiliate skills!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wp-amazon-plugin.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Can the button size of template Flat_box_horizontal be adjusted? - Amazon Simple Affiliate","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.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/","og_locale":"de_DE","og_type":"article","og_title":"Can the button size of template Flat_box_horizontal be adjusted? - Amazon Simple Affiliate","og_description":"Yes. The button width can either be set globally using the template options or individually for each individual use, using the shortcode option &#8222;button_max_width&#8222;. Check out the documentation page for all options of Flat_box_horizontal. Example with 200px Example with 50% &nbsp; &nbsp;","og_url":"https:\/\/www.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/","og_site_name":"Amazon Simple Affiliate","article_publisher":"https:\/\/www.facebook.com\/wpasa2\/","article_modified_time":"2019-08-22T16:34:34+00:00","og_image":[{"width":400,"height":400,"url":"https:\/\/d1uajaf4ht87ft.cloudfront.net\/wp-content\/uploads\/2017\/12\/04220936\/asa2-logo-400.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@ifeelwebde","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/","url":"https:\/\/www.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/","name":"Can the button size of template Flat_box_horizontal be adjusted? - Amazon Simple Affiliate","isPartOf":{"@id":"https:\/\/www.wp-amazon-plugin.com\/#website"},"datePublished":"2019-08-22T16:28:04+00:00","dateModified":"2019-08-22T16:34:34+00:00","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wp-amazon-plugin.com\/de\/knowledge-base\/asa2\/templates\/can-the-button-size-of-template-flat_box_horizontal-be-adjusted\/"]}]},{"@type":"WebSite","@id":"https:\/\/www.wp-amazon-plugin.com\/#website","url":"https:\/\/www.wp-amazon-plugin.com\/","name":"Amazon Simple Affiliate","description":"Upgrade your WordPress Affiliate skills!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wp-amazon-plugin.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/www.wp-amazon-plugin.com\/de\/wp-json\/wp\/v2\/knowledgebase\/15315"}],"collection":[{"href":"https:\/\/www.wp-amazon-plugin.com\/de\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/www.wp-amazon-plugin.com\/de\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/www.wp-amazon-plugin.com\/de\/wp-json\/wp\/v2\/users\/1170"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wp-amazon-plugin.com\/de\/wp-json\/wp\/v2\/comments?post=15315"}],"version-history":[{"count":3,"href":"https:\/\/www.wp-amazon-plugin.com\/de\/wp-json\/wp\/v2\/knowledgebase\/15315\/revisions"}],"predecessor-version":[{"id":15329,"href":"https:\/\/www.wp-amazon-plugin.com\/de\/wp-json\/wp\/v2\/knowledgebase\/15315\/revisions\/15329"}],"wp:attachment":[{"href":"https:\/\/www.wp-amazon-plugin.com\/de\/wp-json\/wp\/v2\/media?parent=15315"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/www.wp-amazon-plugin.com\/de\/wp-json\/wp\/v2\/knowledgebase_cat?post=15315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}