{"id":15679,"date":"2018-09-19T09:47:43","date_gmt":"2018-09-19T13:47:43","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=15679"},"modified":"2020-03-12T14:39:22","modified_gmt":"2020-03-12T18:39:22","slug":"how-to-change-the-menu-border","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/how-to-change-the-menu-border\/","title":{"rendered":"How to Change the Menu Border"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image.png\" alt=\"\" width=\"800\" height=\"72\" class=\"alignnone size-full wp-image-15512\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image-300x27.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image-768x69.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image-250x23.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-crio-horizontal-image-550x50.png 550w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>The settings here change the border and border radius on the entire menu area. If you want to control the border and border radius that appears on every menu item please <a href=\"\/support\/boldgrid-crio-supertheme-product-guide\/changing-the-menu-link-styles\/\">click here<\/a>.<\/p>\n<ul>\n<li>In the Dashboard navigate to <b>Appearance<\/b> &rarr; <b>Customize<\/b><\/li>\n<li>In the Customizer menu navigate to <b>Design &rarr; Menus &rarr; Menu Location &rarr; Border<\/b><\/li>\n<\/ul>\n<ul>\n<li>Select a <b>Border Type<\/b> option<\/li>\n<li>Use the sliders to control the widths of your border sides<\/li>\n<li>Click on the palette color that you wish to use<\/li>\n<li>Click <b>Publish<\/b> to save your changes<\/li>\n<\/ul>\n<p>The Border Radius controls the roundness of your element&rsquo;s corners. A higher border radius values creates more rounded corners.<\/p>\n<ul>\n<li>Scroll down to <b>Border Radius<\/b><\/li>\n<li>Use the sliders to adjust the roundness of the four corners<\/li>\n<li>Click <b>Publish<\/b> to save your changes<\/li>\n<\/ul>\n<p><b>Note<\/b>: You can use the <b>Undo Changes<\/b> option to remove the changes just made, or <b>Delete Saved Settings<\/b> to reset to the default options.<\/p>\n<p>Congratulations! You now have more information on customizing your Menu further. Next, you may want to learn about <a href=\"\/support\/boldgrid-crio-supertheme-product-guide\/how-to-use-device-visibility-with-menus\/\">using the Device Visibility controls with your menus<\/a>.<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>The settings here change the border and border radius on the entire menu area. If you want to control the border and border radius that appears on every menu item please click here. In the Dashboard navigate to Appearance &rarr; Customize In the Customizer menu navigate to Design &rarr; Menus &rarr; Menu Location &rarr; Border [&hellip;]<\/p>\n","protected":false},"author":529,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to Change the Menu Border | BoldGrid Crio","bgseo_description":"Each menu location can have a unique design, including a menu border. The settings in this change the border and border radius on the entire menu area, a separate control exists for adding a border to individual menu items.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[573],"tags":[],"class_list":["post-15679","post","type-post","status-publish","format-standard","hentry","category-boldgrid-crio-supertheme-product-guide"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/529"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=15679"}],"version-history":[{"count":1,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15679\/revisions"}],"predecessor-version":[{"id":15680,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15679\/revisions\/15680"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=15679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=15679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=15679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}