{"id":3694,"date":"2016-01-22T09:36:39","date_gmt":"2016-01-22T09:36:39","guid":{"rendered":"https:\/\/puzzlerbox.com\/levelup\/?page_id=3694"},"modified":"2016-01-22T09:36:39","modified_gmt":"2016-01-22T09:36:39","slug":"gradient-overlay","status":"publish","type":"page","link":"https:\/\/wreactor.com\/index.php\/gradient-overlay\/","title":{"rendered":"Gradient Overlay"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1459935895262{padding-top: 180px !important;padding-bottom: 40px !important;background-color: #f4f4f4 !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Gradient Overlay&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:60|text_align:center|color:%23222222&#8243; font_title_responsive=&#8221;true&#8221; css=&#8221;.vc_custom_1454413119194{padding-bottom: 20px !important;}&#8221;][vc_custom_heading text=&#8221;Used in Row &amp; Fancy Header&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:18|text_align:center|color:%23333333&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1459936042312{padding-bottom: 80px !important;background-color: #f4f4f4 !important;}&#8221;][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][rdy_list style=&#8221;icon&#8221; icon_fontawesome=&#8221;fa fa-check&#8221; number_color=&#8221;custom&#8221; number_color_custom=&#8221;#3381ff&#8221; separator=&#8221;yes&#8221;]<\/p>\n<ul>\n<li><span id=\"result_box\" class=\"short_text\" lang=\"en\"><span class=\"hps\">Horizontal orientation\u00a0 \u2192<\/span><\/span><\/li>\n<li>Vertical orientation\u00a0 \u2193<\/li>\n<li>45-degree angle\u00a0 \u2198<\/li>\n<\/ul>\n<p>[\/rdy_list][\/vc_column][vc_column width=&#8221;1\/3&#8243;][rdy_list style=&#8221;icon&#8221; icon_fontawesome=&#8221;fa fa-check&#8221; number_color=&#8221;custom&#8221; number_color_custom=&#8221;#3381ff&#8221; separator=&#8221;yes&#8221;]<\/p>\n<ul>\n<li>135-degree angle\u00a0 \u2197<\/li>\n<li>Radial Gradient\u00a0 \u25cb<\/li>\n<li>Custom Colors &amp; Overlay Opacity<\/li>\n<\/ul>\n<p>[\/rdy_list][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1459936096434{border-bottom-width: 1px !important;padding-bottom: 60px !important;background-color: #f4f4f4 !important;border-bottom-color: #dddddd !important;}&#8221;][vc_column][rdy_button text=&#8221;Scroll Down&#8221; style=&#8221;outline&#8221; border_size=&#8221;1&#8243; border_radius=&#8221;0&#8243; margin_top=&#8221;0&#8243; margin_bottom=&#8221;0&#8243; link=&#8221;url:%23vertical||&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; full_height=&#8221;yes&#8221; row_overlay=&#8221;gradient&#8221; row_overlay_opacity=&#8221;100&#8243; row_overlay_color=&#8221;#e05a16&#8243; row_overlay_color2=&#8221;#ffea05&#8243; el_id=&#8221;vertical&#8221;][vc_column][vc_custom_heading text=&#8221;Orientation: Vertical&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:60|text_align:center|color:%23ffffff&#8221; font_title_responsive=&#8221;true&#8221; css=&#8221;.vc_custom_1453460876035{padding-bottom: 80px !important;}&#8221;][rdy_button text=&#8221;Scroll Down&#8221; style=&#8221;outline&#8221; outline_skin=&#8221;light&#8221; border_size=&#8221;1&#8243; border_radius=&#8221;0&#8243; margin_top=&#8221;0&#8243; margin_bottom=&#8221;0&#8243; link=&#8221;url:%23horizontal||&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; full_height=&#8221;yes&#8221; row_overlay=&#8221;gradient&#8221; row_overlay_opacity=&#8221;70&#8243; row_overlay_color=&#8221;#ea00bb&#8221; row_overlay_color2=&#8221;#2b00db&#8221; row_overlay_gradient_direction=&#8221;lr&#8221; el_id=&#8221;horizontal&#8221; css=&#8221;.vc_custom_1467388446710{background-image: url(https:\/\/puzzlerbox.com\/levelup\/wp-content\/uploads\/2016\/01\/22_portfolio_gallery.jpg?id=2850) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Orientation: Horizontal&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:60|text_align:center|color:%23ffffff&#8221; font_title_responsive=&#8221;true&#8221; css=&#8221;.vc_custom_1453462704119{padding-bottom: 80px !important;}&#8221;][rdy_button text=&#8221;Scroll Down&#8221; style=&#8221;outline&#8221; outline_skin=&#8221;light&#8221; border_size=&#8221;1&#8243; border_radius=&#8221;0&#8243; margin_top=&#8221;0&#8243; margin_bottom=&#8221;0&#8243; link=&#8221;url:%2345d||&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; full_height=&#8221;yes&#8221; row_overlay=&#8221;gradient&#8221; row_overlay_opacity=&#8221;100&#8243; row_overlay_color=&#8221;#001391&#8243; row_overlay_color2=&#8221;#86baf4&#8243; row_overlay_gradient_direction=&#8221;br&#8221; el_id=&#8221;45d&#8221;][vc_column][vc_custom_heading text=&#8221;45-degree angle&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:60|text_align:center|color:%23ffffff&#8221; font_title_responsive=&#8221;true&#8221; css=&#8221;.vc_custom_1453462991499{padding-bottom: 80px !important;}&#8221;][rdy_button text=&#8221;Scroll Down&#8221; style=&#8221;outline&#8221; outline_skin=&#8221;light&#8221; border_size=&#8221;1&#8243; border_radius=&#8221;0&#8243; margin_top=&#8221;0&#8243; margin_bottom=&#8221;0&#8243; link=&#8221;url:%23120d||&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; full_height=&#8221;yes&#8221; row_overlay=&#8221;gradient&#8221; row_overlay_opacity=&#8221;100&#8243; row_overlay_color=&#8221;#31c400&#8243; row_overlay_color2=&#8221;#9effc4&#8243; row_overlay_gradient_direction=&#8221;bl&#8221; el_id=&#8221;120d&#8221;][vc_column][vc_custom_heading text=&#8221;135-degree angle&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:60|text_align:center|color:%23ffffff&#8221; font_title_responsive=&#8221;true&#8221; css=&#8221;.vc_custom_1454339149693{padding-bottom: 80px !important;}&#8221;][rdy_button text=&#8221;Scroll Down&#8221; style=&#8221;outline&#8221; outline_skin=&#8221;light&#8221; border_size=&#8221;1&#8243; border_radius=&#8221;0&#8243; margin_top=&#8221;0&#8243; margin_bottom=&#8221;0&#8243; link=&#8221;url:%23radial|||&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; full_height=&#8221;yes&#8221; row_overlay=&#8221;gradient&#8221; row_overlay_opacity=&#8221;100&#8243; row_overlay_color=&#8221;#ffffff&#8221; row_overlay_color2=&#8221;#b882ff&#8221; row_overlay_gradient_direction=&#8221;rd&#8221; el_id=&#8221;radial&#8221;][vc_column][vc_custom_heading text=&#8221;Radial&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:60|text_align:center|color:%23333333&#8243; font_title_responsive=&#8221;true&#8221; css=&#8221;.vc_custom_1453463134502{padding-bottom: 80px !important;}&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1459935895262{padding-top: 180px !important;padding-bottom: 40px !important;background-color: #f4f4f4 !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Gradient Overlay&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:60|text_align:center|color:%23222222&#8243; font_title_responsive=&#8221;true&#8221; css=&#8221;.vc_custom_1454413119194{padding-bottom: 20px !important;}&#8221;][vc_custom_heading text=&#8221;Used in Row &amp; Fancy Header&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:18|text_align:center|color:%23333333&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1459936042312{padding-bottom: 80px !important;background-color: #f4f4f4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3694","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gradient Overlay - WReactor<\/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:\/\/wreactor.com\/index.php\/gradient-overlay\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gradient Overlay - WReactor\" \/>\n<meta property=\"og:description\" content=\"[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1459935895262{padding-top: 180px !important;padding-bottom: 40px !important;background-color: #f4f4f4 !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Gradient Overlay&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:60|text_align:center|color:%23222222&#8243; font_title_responsive=&#8221;true&#8221; css=&#8221;.vc_custom_1454413119194{padding-bottom: 20px !important;}&#8221;][vc_custom_heading text=&#8221;Used in Row &amp; Fancy Header&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:18|text_align:center|color:%23333333&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1459936042312{padding-bottom: 80px !important;background-color: #f4f4f4 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wreactor.com\/index.php\/gradient-overlay\/\" \/>\n<meta property=\"og:site_name\" content=\"WReactor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wreactor.com\\\/index.php\\\/gradient-overlay\\\/\",\"url\":\"https:\\\/\\\/wreactor.com\\\/index.php\\\/gradient-overlay\\\/\",\"name\":\"Gradient Overlay - WReactor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wreactor.com\\\/#website\"},\"datePublished\":\"2016-01-22T09:36:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wreactor.com\\\/index.php\\\/gradient-overlay\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wreactor.com\\\/index.php\\\/gradient-overlay\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wreactor.com\\\/index.php\\\/gradient-overlay\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wreactor.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gradient Overlay\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wreactor.com\\\/#website\",\"url\":\"https:\\\/\\\/wreactor.com\\\/\",\"name\":\"WReactor\",\"description\":\"Digital Agency\",\"publisher\":{\"@id\":\"https:\\\/\\\/wreactor.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wreactor.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wreactor.com\\\/#organization\",\"name\":\"WReactor\",\"url\":\"https:\\\/\\\/wreactor.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wreactor.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wreactor.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/wreactor.com\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/logo.png\",\"width\":500,\"height\":89,\"caption\":\"WReactor\"},\"image\":{\"@id\":\"https:\\\/\\\/wreactor.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCFpxXIc8Q4U3IFDpA8-o_Uw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gradient Overlay - WReactor","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:\/\/wreactor.com\/index.php\/gradient-overlay\/","og_locale":"en_US","og_type":"article","og_title":"Gradient Overlay - WReactor","og_description":"[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1459935895262{padding-top: 180px !important;padding-bottom: 40px !important;background-color: #f4f4f4 !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;Gradient Overlay&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:60|text_align:center|color:%23222222&#8243; font_title_responsive=&#8221;true&#8221; css=&#8221;.vc_custom_1454413119194{padding-bottom: 20px !important;}&#8221;][vc_custom_heading text=&#8221;Used in Row &amp; Fancy Header&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal&#8221; font_container=&#8221;tag:h2|font_size:18|text_align:center|color:%23333333&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1459936042312{padding-bottom: 80px !important;background-color: #f4f4f4 [&hellip;]","og_url":"https:\/\/wreactor.com\/index.php\/gradient-overlay\/","og_site_name":"WReactor","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wreactor.com\/index.php\/gradient-overlay\/","url":"https:\/\/wreactor.com\/index.php\/gradient-overlay\/","name":"Gradient Overlay - WReactor","isPartOf":{"@id":"https:\/\/wreactor.com\/#website"},"datePublished":"2016-01-22T09:36:39+00:00","breadcrumb":{"@id":"https:\/\/wreactor.com\/index.php\/gradient-overlay\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wreactor.com\/index.php\/gradient-overlay\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wreactor.com\/index.php\/gradient-overlay\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wreactor.com\/"},{"@type":"ListItem","position":2,"name":"Gradient Overlay"}]},{"@type":"WebSite","@id":"https:\/\/wreactor.com\/#website","url":"https:\/\/wreactor.com\/","name":"WReactor","description":"Digital Agency","publisher":{"@id":"https:\/\/wreactor.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wreactor.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wreactor.com\/#organization","name":"WReactor","url":"https:\/\/wreactor.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wreactor.com\/#\/schema\/logo\/image\/","url":"https:\/\/wreactor.com\/wp-content\/uploads\/2023\/02\/logo.png","contentUrl":"https:\/\/wreactor.com\/wp-content\/uploads\/2023\/02\/logo.png","width":500,"height":89,"caption":"WReactor"},"image":{"@id":"https:\/\/wreactor.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.youtube.com\/channel\/UCFpxXIc8Q4U3IFDpA8-o_Uw"]}]}},"_links":{"self":[{"href":"https:\/\/wreactor.com\/index.php\/wp-json\/wp\/v2\/pages\/3694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wreactor.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wreactor.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wreactor.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wreactor.com\/index.php\/wp-json\/wp\/v2\/comments?post=3694"}],"version-history":[{"count":0,"href":"https:\/\/wreactor.com\/index.php\/wp-json\/wp\/v2\/pages\/3694\/revisions"}],"wp:attachment":[{"href":"https:\/\/wreactor.com\/index.php\/wp-json\/wp\/v2\/media?parent=3694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}