{"id":328,"date":"2020-05-12T09:44:39","date_gmt":"2020-05-12T09:44:39","guid":{"rendered":"https:\/\/rockythemes.com\/documentation\/?p=328"},"modified":"2020-05-12T09:44:40","modified_gmt":"2020-05-12T09:44:40","slug":"changing-the-background-color-of-a-row-element","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/","title":{"rendered":"Changing the Background Color of a Row element"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">To change the Background Image of a Row element, edit your page with the FrontEnd Page Builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hover your mouse over the Row element which has the background image that we want to change.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1080\" height=\"700\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5.jpg\" alt=\"\" class=\"wp-image-329\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5.jpg 1080w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5-300x194.jpg 300w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5-1024x664.jpg 1024w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5-768x498.jpg 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click the Edit Row button &#8211; it&#8217;s the Pencil Icon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the new Pop-up Window -&gt; go to Design Options Tab and click the color picker below the&nbsp;<strong>Background<\/strong>&nbsp;text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choose the color you want to use for your Row element and hit Save Changes once you are satisfied with your selection.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1080\" height=\"691\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-7.jpg\" alt=\"\" class=\"wp-image-330\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-7.jpg 1080w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-7-300x192.jpg 300w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-7-1024x655.jpg 1024w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-7-768x491.jpg 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If a Background Image has be selected, the current Background color will be ignored and the Background Image will be used instead. If no background image is set, the background color will be used as seen in the example below, where the Background Color has been changed to Yellow<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to change the background color of a section<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[56],"tags":[],"class_list":["post-328","post","type-post","status-publish","format-standard","hentry","category-wp-bakery-page-builder"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Changing the Background Color of a Row element &#8211; Creativo 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:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Changing the Background Color of a Row element &#8211; Creativo Documentation\" \/>\n<meta property=\"og:description\" content=\"How to change the background color of a section\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/\" \/>\n<meta property=\"og:site_name\" content=\"Creativo Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/rockythemes\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-12T09:44:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-12T09:44:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5.jpg\" \/>\n<meta name=\"author\" content=\"rockystef\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rockythemes\" \/>\n<meta name=\"twitter:site\" content=\"@rockythemes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rockystef\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/\"},\"author\":{\"name\":\"rockystef\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/2834fc1584d086bb31b3a7ff0230858a\"},\"headline\":\"Changing the Background Color of a Row element\",\"datePublished\":\"2020-05-12T09:44:39+00:00\",\"dateModified\":\"2020-05-12T09:44:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/\"},\"wordCount\":147,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/pb-5.jpg\",\"articleSection\":[\"WP Bakery Page Builder\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/\",\"name\":\"Changing the Background Color of a Row element &#8211; Creativo Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/pb-5.jpg\",\"datePublished\":\"2020-05-12T09:44:39+00:00\",\"dateModified\":\"2020-05-12T09:44:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/pb-5.jpg\",\"contentUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/pb-5.jpg\",\"width\":1080,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/changing-the-background-color-of-a-row-element\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Changing the Background Color of a Row element\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\",\"name\":\"Creativo Documentation\",\"description\":\"Documentation, Tutorials, Tips and Tricks for the Creativo Theme\",\"publisher\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\",\"name\":\"RockyThemes\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/creativo-green.png\",\"contentUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/creativo-green.png\",\"width\":228,\"height\":50,\"caption\":\"RockyThemes\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/rockythemes\",\"https:\\\/\\\/x.com\\\/rockythemes\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/2834fc1584d086bb31b3a7ff0230858a\",\"name\":\"rockystef\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"caption\":\"rockystef\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Changing the Background Color of a Row element &#8211; Creativo 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:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/","og_locale":"en_US","og_type":"article","og_title":"Changing the Background Color of a Row element &#8211; Creativo Documentation","og_description":"How to change the background color of a section","og_url":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/","og_site_name":"Creativo Documentation","article_publisher":"https:\/\/facebook.com\/rockythemes","article_published_time":"2020-05-12T09:44:39+00:00","article_modified_time":"2020-05-12T09:44:40+00:00","og_image":[{"url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5.jpg","type":"","width":"","height":""}],"author":"rockystef","twitter_card":"summary_large_image","twitter_creator":"@rockythemes","twitter_site":"@rockythemes","twitter_misc":{"Written by":"rockystef","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/#article","isPartOf":{"@id":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/"},"author":{"name":"rockystef","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/person\/2834fc1584d086bb31b3a7ff0230858a"},"headline":"Changing the Background Color of a Row element","datePublished":"2020-05-12T09:44:39+00:00","dateModified":"2020-05-12T09:44:40+00:00","mainEntityOfPage":{"@id":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/"},"wordCount":147,"commentCount":0,"publisher":{"@id":"https:\/\/rockythemes.com\/documentation\/#organization"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/#primaryimage"},"thumbnailUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5.jpg","articleSection":["WP Bakery Page Builder"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/","url":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/","name":"Changing the Background Color of a Row element &#8211; Creativo Documentation","isPartOf":{"@id":"https:\/\/rockythemes.com\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/#primaryimage"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/#primaryimage"},"thumbnailUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5.jpg","datePublished":"2020-05-12T09:44:39+00:00","dateModified":"2020-05-12T09:44:40+00:00","breadcrumb":{"@id":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/#primaryimage","url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5.jpg","contentUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-5.jpg","width":1080,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/rockythemes.com\/documentation\/changing-the-background-color-of-a-row-element\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rockythemes.com\/documentation\/"},{"@type":"ListItem","position":2,"name":"Changing the Background Color of a Row element"}]},{"@type":"WebSite","@id":"https:\/\/rockythemes.com\/documentation\/#website","url":"https:\/\/rockythemes.com\/documentation\/","name":"Creativo Documentation","description":"Documentation, Tutorials, Tips and Tricks for the Creativo Theme","publisher":{"@id":"https:\/\/rockythemes.com\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rockythemes.com\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/rockythemes.com\/documentation\/#organization","name":"RockyThemes","url":"https:\/\/rockythemes.com\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/creativo-green.png","contentUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/creativo-green.png","width":228,"height":50,"caption":"RockyThemes"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/rockythemes","https:\/\/x.com\/rockythemes"]},{"@type":"Person","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/person\/2834fc1584d086bb31b3a7ff0230858a","name":"rockystef","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","caption":"rockystef"}}]}},"_links":{"self":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":1,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/328\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/328\/revisions\/331"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/categories?post=328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/tags?post=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}