{"id":13430,"date":"2023-05-06T02:55:09","date_gmt":"2023-05-06T06:55:09","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13430"},"modified":"2023-05-07T09:58:34","modified_gmt":"2023-05-07T13:58:34","slug":"change-background-colors-on-grido-layout","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/change-background-colors-on-grido-layout\/","title":{"rendered":"Change Background Colors On Grido Layout"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Follow the instructions below to change the background color of the various grid boxes in the Grido layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enable &#8220;Advance Customization CSS \/ SCSS&#8221; in colors tab and enter this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.layout.layout_grido .object:nth-child(6n+1){\n\nbackground: #364F6B;\n\n}\n\n.layout.layout_grido .object:nth-child(6n+2){\n\nbackground: #EA7362;\n\n}\n\n.layout.layout_grido .object:nth-child(6n+3){\n\nbackground: #FF895D;\n\n}\n\n.layout.layout_grido .object:nth-child(6n+4){\n\nbackground: #20DECB;\n\n}\n\n.layout.layout_grido .object:nth-child(6n+5){\n\nbackground: #FFA0C2;\n\n}\n\n.layout.layout_grido .object:nth-child(6n+6){\n\nbackground: #9ED763;\n\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">And if you need to change the text color also, Add color property like this example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.layout.layout_grido .object:nth-child(6n+1){\n\nbackground: #364F6B;\n\ncolor: #000000;\n\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Follow the instructions below to change the background color of the various grid boxes in the Grido layout. Enable &#8220;Advance Customization CSS \/ SCSS&#8221; in colors tab and enter this: And if you need to change the text color also, Add color property like this example:<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13430","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=13430"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13430\/revisions"}],"predecessor-version":[{"id":14085,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13430\/revisions\/14085"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13430"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}