{"id":1963,"date":"2020-09-16T08:29:12","date_gmt":"2020-09-16T08:29:12","guid":{"rendered":"https:\/\/dentalia.orionthemes.com\/documentation\/?page_id=1963"},"modified":"2020-12-23T12:13:56","modified_gmt":"2020-12-23T12:13:56","slug":"row-settings","status":"publish","type":"page","link":"https:\/\/dentalia.orionthemes.com\/documentation\/page-builder\/row-settings\/","title":{"rendered":"Row Settings"},"content":{"rendered":"<div id=\"pl-1963\"  class=\"panel-layout\" ><div id=\"pg-1963-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default text-dark bg-altsitebg panel-row-style panel-row-style-for-1963-0\" data-stretch-type=\"full\" ><div id=\"pgc-1963-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1963-0-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:6px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-2 style-primary-color\">\r\n\t\t\t<h1 class=\"primary-color text-uppercase display-2\">\r\n\t\t\t\tEditing Rows\t\t\t<\/h1>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1963-0-0-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-0-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\">Page Builder row settings are accessible by clicking the <strong>wrench icon<\/strong> above each row.<\/p>\n<p class=\"lead\">Adjustments to the row layout (<strong>number of cells<\/strong>) can be made in the horizontal bar.<\/p>\n<p class=\"lead\"><strong>Style settings<\/strong> are located in the right-side panels.<\/p>\n<p class=\"lead\">Below we cover only the options specific to the Dentalia theme. These were developed by our team and are not default to SiteOrigin Page Builder.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-1963-0-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1963-0-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow-2.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow-2.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"494\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow-2.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><div id=\"panel-1963-0-1-1\" class=\"so-panel widget widget_orion_image_w panel-last-child\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-0-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"730\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1963-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-2-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-1963-1\" data-stretch-type=\"full\" ><div id=\"pgc-1963-1-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-1963-1-0\" ><div id=\"panel-1963-1-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color text-uppercase\">\r\n\t\t\t\t<span class=\"mark mark-doc\">1<\/span> Desktop Layout\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1963-1-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-1-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Row Layout<br \/>\n<\/strong>Besides the default Page Builder Layouts (Standard, Full Width, Full Width Stretched, and Full Width Stretched Padded) we added the options <strong>Sterched Left<\/strong> and <strong>Stretched Right<\/strong> (Dentalia 2.0+). This will stretch half of the row, while the other half will fit the standard container.<\/li>\n<li><strong>Collapse Behaviour<br \/>\n<\/strong>This option was introduced with Page Builder 2.5. We added an option to <strong>force collapse the row on medium screens<\/strong>\u00a0(for example on iPad Pro).<\/li>\n<li><strong>Row Position<br \/>\n<\/strong>This option will push-up the row (on desktop and tablet) and make it overlap the row above.<\/li>\n<li><strong>Desktop Display<br \/>\n<\/strong>You can <strong>hide the row on large screens <\/strong>and force the number of cells the row has on the desktop. This is needed only in specific cases, so use it with caution.<\/li>\n<li><strong>Full-screen row height<br \/>\n<\/strong>Check to set the height of the row to be equal to the height of the screen.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-1963-1-0-2\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"6\" ><div class=\"orion custom mobile-text-center default panel-widget-style panel-widget-style-for-1963-1-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-tertiary-color\">\r\n\t\t\t<h3 class=\"tertiary-color text-uppercase display-3\">\r\n\t\t\t\tRow Layout Examples\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1963-1-0-3\" class=\"so-panel widget widget_orion_button_group_w panel-last-child\" data-index=\"7\" ><div class=\"orion custom mobile-text-center default panel-widget-style panel-widget-style-for-1963-1-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_group_w so-widget-orion_button_group_w-base\"\n\t\t\t\n\t\t><div class=\"button-group align-default gutter-small\">\n\n\t\n\n\t\t\t\t\t<a class=\"btn btn-c1 btn-flat btn-md\" target=_blank href=\"\/documentation\/page-builder\/examples\/#row-right\">\n\t\t\t\tStretched Right\t\t\n\t\t\t<\/a>\n\t\t\n\t\n\n\t\t\t\t\t<a class=\"btn btn-c1 btn-flat btn-md\" target=_blank href=\"\/documentation\/page-builder\/examples\/#pushuprow\">\n\t\t\t\tPush Up 50%\t\t\n\t\t\t<\/a>\n\t\t\n\t\n\n\t\t\t\t\t<a class=\"btn btn-c1 btn-flat btn-md\" target=_blank href=\"\/documentation\/page-builder\/examples\/#fullscreen\">\n\t\t\t\tFull Screen\t\t\n\t\t\t<\/a>\n\t\t<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pgc-1963-1-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1963-1-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"8\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-1-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/12\/dentalia-pagebuilder-rows-desktoplayout.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/12\/dentalia-pagebuilder-rows-desktoplayout.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"290\" height=\"928\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/12\/dentalia-pagebuilder-rows-desktoplayout.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1963-2\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-2-in-row mobile-1-in-row desktop-default bg-altsitebg panel-row-style panel-row-style-for-1963-2\" data-stretch-type=\"full\" ><div id=\"pgc-1963-2-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-1963-2-0\" ><div id=\"panel-1963-2-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"9\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color text-uppercase\">\r\n\t\t\t\t<span class=\"mark mark-doc\">2<\/span> Tablet Layout\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1963-2-0-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"10\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-2-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Tablet paddings <\/strong>(Dentalia 2.0+)<br \/>\nYou can adjust the paddings of the row on tablets.<\/li>\n<li><strong>Tablet Display<br \/>\n<\/strong>You can set the number of columns (how the row collapses) or <strong>hide the row on tablets<\/strong>.<\/li>\n<li><strong>Stretch on tablet<br \/>\n<\/strong>Checking this removes the side margins of the row and stretches the content.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-1963-2-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1963-2-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"11\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-2-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/12\/dentalia-pagebuilder-rows-tabletlayout.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/12\/dentalia-pagebuilder-rows-tabletlayout.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"580\" height=\"806\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/12\/dentalia-pagebuilder-rows-tabletlayout.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1963-3\"  class=\"panel-grid panel-has-style\" ><div class=\"orion-collapse-right-top siteorigin-panels-stretch divider-no-animation tablet-2-in-row mobile-1-in-row desktop-default bg-altsitebg panel-row-style panel-row-style-for-1963-3\" data-stretch-type=\"full\" ><div id=\"pgc-1963-3-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-1963-3-0\" ><div id=\"panel-1963-3-0-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"12\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-3-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/12\/dentalia-pagebuilder-rows-mobilelayout-474x1024.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/12\/dentalia-pagebuilder-rows-mobilelayout-474x1024.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"580\" height=\"1252\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/12\/dentalia-pagebuilder-rows-mobilelayout.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-1963-3-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1963-3-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"13\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-3-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color text-uppercase\">\r\n\t\t\t\t<span class=\"mark mark-doc\">3<\/span> Mobile Layout\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1963-3-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"14\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-3-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Mobile Display<br \/>\n<\/strong>You can set the number of columns (how the row collapses) or <strong>hide the row on mobile<\/strong>.<\/li>\n<li><strong>Stretch on mobile<br \/>\n<\/strong>Checking this removes the side margins of the row and stretches the content.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1963-4\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-2-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-1963-4\" data-stretch-type=\"full\" ><div id=\"pgc-1963-4-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-1963-4-0\" ><div id=\"panel-1963-4-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"15\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-4-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color text-uppercase\">\r\n\t\t\t\t<span class=\"mark mark-doc\">4<\/span> Row Design\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1963-4-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"16\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-4-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Background Color <\/strong>(Dentalia 2.0+)<br \/>\nYou can pick and instantly apply theme colors to the row background. To use a custom color, click the Rainbow \ud83c\udf08 and add your color in the color picker field.<\/li>\n<li><strong>Overlay<br \/>\n<\/strong>Add a color overlay over the row background. The colors and gradients are defined by the general theme colors set in the Theme Options.<\/li>\n<li><strong>Text color<br \/>\n<\/strong>Sets the text color in the row to light or dark (affects all widgets placed inside the row).<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-1963-4-0-2\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"17\" ><div class=\"orion custom mobile-text-center default panel-widget-style panel-widget-style-for-1963-4-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-tertiary-color\">\r\n\t\t\t<h3 class=\"tertiary-color text-uppercase display-3\">\r\n\t\t\t\tRow Design Examples\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1963-4-0-3\" class=\"so-panel widget widget_orion_button_group_w panel-last-child\" data-index=\"18\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-4-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_group_w so-widget-orion_button_group_w-base\"\n\t\t\t\n\t\t><div class=\"button-group align-default gutter-small\">\n\n\t\n\n\t\t\t\t\t<a class=\"btn btn-c2 btn-flat btn-md\" target=_blank href=\"https:\/\/dentalia.orionthemes.com\/demo-1\/row-overlays\/\">\n\t\t\t\tOverlays\t\t\n\t\t\t<\/a>\n\t\t\n\t\n\n\t\t\t\t\t<a class=\"btn btn-c2 btn-flat btn-md\" target=_blank href=\"https:\/\/dentalia.orionthemes.com\/demo-1\/light-dark-text\/\">\n\t\t\t\tLight &amp; Dark text\t\t\n\t\t\t<\/a>\n\t\t<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pgc-1963-4-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1963-4-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"19\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-4-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow-design-474x1024.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow-design-474x1024.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"578\" height=\"1248\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow-design.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1963-5\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-1-in-row desktop-default bg-altsitebg panel-row-style panel-row-style-for-1963-5\" data-stretch-type=\"full\" ><div id=\"pgc-1963-5-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-1963-5-0\" ><div id=\"panel-1963-5-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"20\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-5-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color text-uppercase\">\r\n\t\t\t\t<span class=\"mark mark-doc\">5<\/span> Separators\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1963-5-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"21\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-5-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\">Section separators can be added to page builder rows and thus make a fine transition between different sections.<\/p>\n<p class=\"lead\">Each row can have a top and bottom separator, which can be placed inside and outside the row. The separators look best when applied to Fullwidth or Stretched rows.<\/p>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-1963-5-0-2\" class=\"so-panel widget widget_orion_button_group_w\" data-index=\"22\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-5-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_group_w so-widget-orion_button_group_w-base\"\n\t\t\t\n\t\t><div class=\"button-group align-default gutter-small\">\n\n\t\n\n\t\t\t\t\t<a class=\"btn btn-c2 btn-flat btn-md\" target=_blank href=\"https:\/\/dentalia.orionthemes.com\/demo-1\/row-overlays\/\">\n\t\t\t\tExamples\t\t\n\t\t\t<\/a>\n\t\t<\/div><\/div><\/div><\/div><div id=\"panel-1963-5-0-3\" class=\"so-panel widget widget_orion_dividers_w\" data-index=\"23\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-5-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:35px; margin-bottom:47px;\"><\/div><\/div><\/div><div id=\"panel-1963-5-0-4\" class=\"so-panel widget widget_siteorigin-panels-builder panel-last-child\" data-index=\"24\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1963-5-0-4\" ><div id=\"pl-w5fe33484994b5\"  class=\"panel-layout\" ><div id=\"pg-w5fe33484994b5-0\"  class=\"panel-grid panel-has-style\" ><div class=\"divider-no-animation tablet-default mobile-default desktop-default custom panel-row-style panel-row-style-for-w5fe33484994b5-0\" ><div id=\"pgc-w5fe33484994b5-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w5fe33484994b5-0-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5fe33484994b5-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h3 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tTop separator settings\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-w5fe33484994b5-0-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5fe33484994b5-0-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Top separator<\/strong><br \/>\nChoose the style of the separator that will show on the top of the row.<\/li>\n<li><strong>Top separator position<\/strong><br \/>\nPlaces the separator inside or outside of the row.<\/li>\n<li><strong>Top separator color<\/strong><br \/>\nSet the separator color to match the row background.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-w5fe33484994b5-0-0-2\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5fe33484994b5-0-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h3 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tBottom separator settings\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-w5fe33484994b5-0-0-3\" class=\"so-panel widget widget_sow-editor\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5fe33484994b5-0-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Bottom separator<\/strong><br \/>\nChoose the style of the separator that will show on the bottom of the row.<\/li>\n<li><strong>Bottom separator position<\/strong><br \/>\nPlaces the separator inside or outside of the row.<\/li>\n<li><strong>Bottom separator color<\/strong><br \/>\nSet the separator color to match the row background.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-w5fe33484994b5-0-0-4\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5fe33484994b5-0-0-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h3 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tAdditional options\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-w5fe33484994b5-0-0-5\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5fe33484994b5-0-0-5\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Animate separators<br \/>\n<\/strong>Makes the separators appear more smoothly.<\/li>\n<li><strong>Disable responsive scaling<br \/>\n<\/strong>Removes the scaling effect and the separator retains its size on all screens.<\/li>\n<li><strong>Display Separators on mobile<br \/>\n<\/strong>Allows you to hide the separators on mobile devices.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-w5fe33484994b5-0-1\"  class=\"panel-grid-cell\" ><div id=\"panel-w5fe33484994b5-0-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5fe33484994b5-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow-separators-379x1024.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow-separators-379x1024.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"578\" height=\"1560\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-pagebuilder-editrow-separators.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Page Builder row settings are accessible by clicking the wrench icon above each row. Adjustments to the row layout (number of cells) can be made in the horizontal bar. Style settings are located in the right-side panels. Below we cover only the options specific to the Dentalia theme. These were developed by our team and<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1947,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1963"}],"collection":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=1963"}],"version-history":[{"count":59,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1963\/revisions"}],"predecessor-version":[{"id":1972,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1963\/revisions\/1972"}],"up":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1947"}],"wp:attachment":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=1963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}