{"id":284,"date":"2017-04-28T19:52:18","date_gmt":"2017-04-29T02:52:18","guid":{"rendered":"https:\/\/blocksylaunch.click\/documentation\/?p=284"},"modified":"2017-05-17T20:35:17","modified_gmt":"2017-05-18T03:35:17","slug":"design-monarch","status":"publish","type":"post","link":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/","title":{"rendered":"Customizing The Monarch Design"},"content":{"rendered":"<p><iframe loading=\"lazy\" class=\"youtube-player\" type=\"text\/html\"  width=\"920\" height=\"690\" src=\"https:\/\/www.youtube.com\/embed\/TQA-_fhJXXM?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<h2>An Overview Of The Monarch Design Settings<\/h2>\n<p>Monarch is packed full of design options so that you can fully customize your sharing and follow buttons into your website&#8217;s design. Combining button shape options, icon placement, icon spacing, button hover effects, and unlimited color options, the design possibilities are countless.  <\/p>\n<h2>Hover Styles<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-hovers.jpg\" alt=\"design hovers\" \/><\/p>\n<h3>Sidebar Hover Styles<\/h3>\n<p>Choose from 5 hover effects for you floating sidebar. These hover effects become even more diverse as you mix them with different button shapes and button spacing as described below.<\/p>\n<h3>Inline Button Hover Styles<\/h3>\n<p>Choose from 4 hover effects for you inline sharing and following buttons. Again, these hover styles become more unique when combined with other design settings.<\/p>\n<h2>Icon Shapes<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-shapes.jpg\" alt=\"design shapes\" \/><\/p>\n<p>Monarch comes with three different button shapes. You can choose for you buttons to have squared corners, rounded corners, or be circles. If you choose circle shapes, your network labels and counts will appear outside of the button in contrast to the rectangular shapes which include network icons, labels, and counts all within the button.<\/p>\n<h2>Icon Orientation<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-icon-orientation.jpg\" alt=\"design icon-orientation\" \/><\/p>\n<p>Another great design option is your icon orientation. This doubles the design possibilities and can really effect the outcome of your custom designs. If you choose &#8216;Left&#8217; Orientation, your button content will appear to the right of the network icons. If you choose a &#8216;Centered&#8217; orientation, your button content will appear below your network icons. See below for info about button content<\/p>\n<h2>Icon Spacing<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-spacing.jpg\" alt=\"design spacing\" \/><\/p>\n<p>This setting lets you add a spacing between your buttons or remove it entirely for a two very different looks.<\/p>\n<h2>Button Content<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-content.jpg\" alt=\"design content\" \/><\/p>\n<h3>Display Follow\/Share Counts<\/h3>\n<p>This setting lets you display either the share or follow count alongside the network icons. This is a great way to show off how popular a page or social profile is.<\/p>\n<h3>Minimum Count Display<\/h3>\n<p>Sometimes content is new and profiles are young. This setting lets you set a minimum display count so that a count will not display if it is under your defined threshold.<\/p>\n<h3>Display Network Labels<\/h3>\n<p>This setting lets you display a button label. By default, this is the network name, but it can be customized to say things like &#8216;Pin This&#8217;, &#8216;Tweet This&#8217;, or &#8216;follow Us&#8217;.<\/p>\n<h2>Column Display<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-columns.jpg\" alt=\"design columns\" \/><\/p>\n<p>Monarch comes with three different button shapes. You can choose for you buttons to have squared corners, rounded corners, or be circles. If you choose circle shapes, your network labels and counts will appear outside of the button in contrast to the rectangular shapes which include network icons, labels, and counts all within the button.<\/p>\n<h2>Color Settings<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-colors.jpg\" alt=\"design colors\" \/><\/p>\n<h3>Use Custom Colors<\/h3>\n<p>By default, Monarch uses the default network colors, but for a more custom approach you can select your own button colors. If an option below is not defined, the default setting will be used for that element.<\/p>\n<h3>Background Color<\/h3>\n<p>This color picker will define the background color of your buttons.<\/p>\n<h3>Hover Background Color<\/h3>\n<p>This color picker will define the background color of your buttons when the user hovers over a button.<\/p>\n<h3>Icon Color<\/h3>\n<p>This color picker will define the color of your buttons&#8217; icons.<\/p>\n<h3>Icon Color<\/h3>\n<p>This color picker will define the color of your buttons&#8217; icons when the user hover over a button.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Monarch comes with some great design customization options for each integration area.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,17],"tags":[],"class_list":["post-284","post","type-post","status-publish","format-standard","hentry","category-monarch","category-basics-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elegant Themes 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:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizing The Monarch Design - Elegant Themes Documentation\" \/>\n<meta property=\"og:description\" content=\"Monarch comes with some great design customization options for each integration area.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-29T02:52:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-05-18T03:35:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-hovers.jpg\" \/>\n<meta name=\"author\" content=\"admindocumentation\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admindocumentation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/\"},\"author\":{\"name\":\"admindocumentation\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"headline\":\"Customizing The Monarch Design\",\"datePublished\":\"2017-04-29T02:52:18+00:00\",\"dateModified\":\"2017-05-18T03:35:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/\"},\"wordCount\":538,\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/design-hovers.jpg\",\"articleSection\":[\"Monarch Plugin Documentation\",\"The Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/\",\"name\":\"Customizing The Monarch Design - Elegant Themes Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/design-hovers.jpg\",\"datePublished\":\"2017-04-29T02:52:18+00:00\",\"dateModified\":\"2017-05-18T03:35:17+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/design-hovers.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/design-hovers.jpg\",\"width\":960,\"height\":411},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/design-monarch\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customizing The Monarch Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\",\"name\":\"Elegant Themes Documentation\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\",\"name\":\"admindocumentation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"caption\":\"admindocumentation\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elegant Themes 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:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/","og_locale":"en_US","og_type":"article","og_title":"Customizing The Monarch Design - Elegant Themes Documentation","og_description":"Monarch comes with some great design customization options for each integration area.","og_url":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/","og_site_name":"Elegant Themes Documentation","article_published_time":"2017-04-29T02:52:18+00:00","article_modified_time":"2017-05-18T03:35:17+00:00","og_image":[{"url":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-hovers.jpg","type":"","width":"","height":""}],"author":"admindocumentation","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admindocumentation","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/#article","isPartOf":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/"},"author":{"name":"admindocumentation","@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"headline":"Customizing The Monarch Design","datePublished":"2017-04-29T02:52:18+00:00","dateModified":"2017-05-18T03:35:17+00:00","mainEntityOfPage":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/"},"wordCount":538,"image":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/#primaryimage"},"thumbnailUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-hovers.jpg","articleSection":["Monarch Plugin Documentation","The Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/","url":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/","name":"Customizing The Monarch Design - Elegant Themes Documentation","isPartOf":{"@id":"https:\/\/blocksylaunch.click\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/#primaryimage"},"image":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/#primaryimage"},"thumbnailUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-hovers.jpg","datePublished":"2017-04-29T02:52:18+00:00","dateModified":"2017-05-18T03:35:17+00:00","author":{"@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"breadcrumb":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/#primaryimage","url":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-hovers.jpg","contentUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/design-hovers.jpg","width":960,"height":411},{"@type":"BreadcrumbList","@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/design-monarch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blocksylaunch.click\/documentation\/"},{"@type":"ListItem","position":2,"name":"Customizing The Monarch Design"}]},{"@type":"WebSite","@id":"https:\/\/blocksylaunch.click\/documentation\/#website","url":"https:\/\/blocksylaunch.click\/documentation\/","name":"Elegant Themes Documentation","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blocksylaunch.click\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268","name":"admindocumentation","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","caption":"admindocumentation"}}]}},"_links":{"self":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":1,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/284\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/284\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/media?parent=284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/categories?post=284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/tags?post=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}