{"id":15613,"date":"2018-09-18T16:25:01","date_gmt":"2018-09-18T20:25:01","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=15613"},"modified":"2020-05-01T15:24:21","modified_gmt":"2020-05-01T19:24:21","slug":"advanced-controls","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/page-builder\/advanced-controls\/","title":{"rendered":"Advanced Control in the Post and Page Builder"},"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\" class=\"alignnone size-full wp-image-15515\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image.png\" alt=\"\" width=\"800\" height=\"72\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image-300x27.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image-768x69.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image-250x23.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/boldgrid-ppb-horizontal-image-550x50.png 550w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>The Post and <a href=\"https:\/\/www.boldgrid.com\/wordpress-page-builder-by-boldgrid\/\">Page Builder plugin<\/a> includes <b>Advanced Controls<\/b> to further customize your WordPress content. To see these options click on <b>Advanced <\/b>from a popover or <b>Customize Design<\/b> from a popup. Not all options are available for every element.<\/p>\n<ul>\n<li><b>Element Design<\/b>\n<ul>\n<li>Background &ndash; Overlay Color, Vertical Position, Size, Scroll Effects<\/li>\n<li>Button &ndash; Color, Size, Shape, Raised, Text Shadow, Width, Effect, Text Style<\/li>\n<\/ul>\n<\/li>\n<li><b>Padding and Margin<\/b> &ndash; Use the sliders to change the settings\n<ul>\n<li><a href=\"\/support\/page-builder\/difference-padding-margin\/\">The difference between padding and margin<\/a><\/li>\n<\/ul>\n<\/li>\n<li><b>Color and Background Color<\/b> &ndash; Both of these options open a Color Picker dialog box\n<ul>\n<li>Theme Colors are available for consistency<\/li>\n<li>Use the box at the bottom to select a new color<\/li>\n<li>Click the red + under My Colors to save<\/li>\n<li>To delete from My Colors click the desired color and then the red Remove text at the bottom right of the panel<\/li>\n<\/ul>\n<\/li>\n<li><b>Font Size<\/b> &ndash; Use the sliders to change the size<\/li>\n<li><b>Rotate <\/b>&ndash; Rotate the element 90, 180, or 270 degrees<\/li>\n<li><b>Border<\/b><\/li>\n<li>\n<ul>\n<li>Select a Border Type option<\/li>\n<li>Use the sliders to control the widths of the border sides<\/li>\n<li>Select a border color using the palette<\/li>\n<\/ul>\n<\/li>\n<li><b>Border Radius<\/b> &ndash; Use the sliders to adjust the roundness of the four corners<\/li>\n<li><b>Box Shadow<\/b>\n<ul>\n<li>Use the sliders to control Horizontal Position, Vertical Position, Blur Radius, and Spread Radius<\/li>\n<li>Use the toggle Outset\/Inset to choose if the shadow is internal or external<\/li>\n<li>Use the color picker to select the shadow color<\/li>\n<\/ul>\n<\/li>\n<li><b>Animation <\/b>&ndash; Select the Type, Duration, and Delay<\/li>\n<li><b>Width <\/b>&ndash; Adjust the Width of the element on the page<\/li>\n<li><b>Block Alignment<\/b> &ndash; Adjust the Horizontal Alignment of the element on the page<\/li>\n<li><b>Responsive Utilities<\/b> &ndash; Hides the element on one or many devices<\/li>\n<li><b>Custom CSS<\/b> &ndash; Enter Custom Classes or a CSS ID for the element<\/li>\n<\/ul>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>The Post and Page Builder plugin includes Advanced Controls to further customize your WordPress content. To see these options click on Advanced from a popover or Customize Design from a popup. Not all options are available for every element. Element Design Background &ndash; Overlay Color, Vertical Position, Size, Scroll Effects Button &ndash; Color, Size, Shape, [&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":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[148],"tags":[],"class_list":["post-15613","post","type-post","status-publish","format-standard","hentry","category-page-builder"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15613","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=15613"}],"version-history":[{"count":9,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15613\/revisions"}],"predecessor-version":[{"id":39604,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15613\/revisions\/39604"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=15613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=15613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=15613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}