{"id":10993,"date":"2017-12-16T07:31:19","date_gmt":"2017-12-16T07:31:19","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=10993"},"modified":"2024-07-05T18:28:26","modified_gmt":"2024-07-05T12:58:26","slug":"add-section-background-overlay-color","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/add-section-background-overlay-color\/","title":{"rendered":"How to Add Section Background Overlay Color"},"content":{"rendered":"<section class=\"wp-block-group overlay-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Add Section Background Overlay Color<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can easily set the overlay color with transparency for each section by just following the below instructions.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Activate the theme on your dashboard, then go to Appearance > Customize > Desired section ( the section in which you want to set the overlay color.)<\/li>\n\n\n\n<li>Click on Background overlay Color option, select the color. Now simply you can set the color overlay by decreasing or increasing the transparency using the scroll bar.<\/li>\n\n\n\n<li>You can choose overlay color for each particular section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"294\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/12\/Color-Overlay.gif?resize=600%2C294&#038;ssl=1\" alt=\"Color Overlay.gif\" class=\"wp-image-10996\"\/><\/figure>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Add Section Background Overlay Color You can easily set the overlay color with transparency for each section by just following the below instructions.<\/p>","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-10993","docs","type-docs","status-publish","hentry","docscate-documentation","docstag-color-overlay","docstag-wordpress","docstag-wordpress-theme"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/10993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/7288"}],"version-history":[{"count":1,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/10993\/revisions"}],"predecessor-version":[{"id":69416,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/10993\/revisions\/69416"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=10993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}