Overlay Effects

[vc_row full_width=”stretch_row” bg_type=”image” parallax_style=”vcpb-default” bg_image_new=”id^144|url^http://theme.visualmodo.com/construction/wp-content/uploads/sites/42/2017/05/mountains-pb.jpg|caption^null|alt^null|title^mountains-pb|description^null” bg_image_repeat=”no-repeat” bg_img_attach=”fixed” seperator_enable=”off” css=”.vc_custom_1493667738093{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column][ultimate_spacer height=”150″][ultimate_spacer height=”150″][ultimate_spacer height=”150″][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/2″][ultimate_heading main_heading=”Original Background.” main_heading_color=”#ffffff” sub_heading_color=”#ffffff” alignment=”left” main_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:700″ main_heading_style=”font-weight:700;” main_heading_font_size=”45″ main_heading_margin=”margin-bottom:20px;” sub_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:600″ sub_heading_style=”font-weight:600;” sub_heading_font_size=”16″]Content directly on such backgrounds is usually hard to read.[/ultimate_heading][/vc_column_inner][/vc_row_inner][ultimate_spacer height=”150″][/vc_column][/vc_row][vc_row full_width=”stretch_row” bg_type=”bg_color” css=”.vc_custom_1448142361442{margin-top: 0px !important;margin-bottom: 0px !important;}” bg_color_value=”#3a6ee8″][vc_column][ultimate_spacer height=”80″][vc_row_inner][vc_column_inner][ultimate_heading main_heading=”Now – let’s apply some overlay effect” main_heading_color=”#ffffff” sub_heading_color=”#ffffff” main_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:600″ main_heading_style=”font-weight:600;” main_heading_font_size=”30″ main_heading_margin=”margin-bottom:20px;” sub_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:300″ sub_heading_style=”font-weight:300;” sub_heading_font_size=”20″]Without any PhotoShop at all.[/ultimate_heading][/vc_column_inner][/vc_row_inner][ultimate_spacer height=”80″][/vc_column][/vc_row][vc_row full_width=”stretch_row” bg_type=”image” parallax_style=”vcpb-default” bg_image_new=”314|http://theme.visualmodo.com/rare/wp-content/uploads/sites/23/2015/10/mountains-pb.jpg” bg_image_repeat=”no-repeat” bg_img_attach=”fixed” enable_overlay=”enable_overlay_value” overlay_color=”rgba(22,46,121,0.25)” overlay_pattern=”01.png” overlay_pattern_opacity=”25″ css=”.vc_custom_1448142471444{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column][ultimate_spacer height=”150″][ultimate_spacer height=”150″][vc_row_inner css=”.vc_custom_1413457479349{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/2″][ultimate_heading main_heading=”Isn’t this better?” main_heading_color=”#ffffff” sub_heading_color=”#ffffff” alignment=”left” main_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:700″ main_heading_style=”font-weight:700;” main_heading_font_size=”45″ main_heading_margin=”margin-bottom:20px;” sub_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:600″ sub_heading_style=”font-weight:600;” sub_heading_font_size=”16″ sub_heading_margin=”margin-bottom:30px;”]Much much better![/ultimate_heading][/vc_column_inner][/vc_row_inner][ultimate_spacer height=”150″][ultimate_spacer height=”150″][/vc_column][/vc_row][vc_row full_width=”stretch_row” bg_type=”bg_color” css=”.vc_custom_1448142586849{margin-top: 0px !important;margin-bottom: 0px !important;}” bg_color_value=”#ecf0f1″][vc_column][ultimate_spacer height=”80″][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][ultimate_heading main_heading=”So – What’s the deal?” main_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:600″ main_heading_style=”font-weight:600;” main_heading_font_size=”30″ sub_heading_font_size=”20″ sub_heading_line_height=”30″ main_heading_margin=”margin-bottom:20px;” sub_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:300″ sub_heading_style=”font-weight:300;”]The purpose of Overlay Effects is to present your content in more focused & attractive way. These effects can be applied on any kind of backgrounds such as videos, parallax images, gradient backgrounds, etc.

Let’s see few more examples below.[/ultimate_heading][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][ultimate_spacer height=”80″][/vc_column][/vc_row][vc_row full_width=”stretch_row” bg_type=”image” parallax_style=”vcpb-default” bg_image_new=”314|http://theme.visualmodo.com/rare/wp-content/uploads/sites/23/2015/10/mountains-pb.jpg” bg_image_repeat=”no-repeat” bg_img_attach=”fixed” enable_overlay=”enable_overlay_value” overlay_color=”rgba(22,46,121,0.25)” overlay_pattern=”09.png” overlay_pattern_opacity=”25″ css=”.vc_custom_1448142622454{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column][ultimate_spacer height=”150″][ultimate_spacer height=”150″][vc_row_inner css=”.vc_custom_1413457479349{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/2″][ultimate_heading main_heading=”Different Pattern” main_heading_color=”#ffffff” sub_heading_color=”#ffffff” alignment=”left” main_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:700″ main_heading_style=”font-weight:700;” main_heading_font_size=”45″ main_heading_margin=”margin-bottom:20px;” sub_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:600″ sub_heading_style=”font-weight:600;” sub_heading_font_size=”16″ sub_heading_margin=”margin-bottom:30px;”][/ultimate_heading][/vc_column_inner][/vc_row_inner][ultimate_spacer height=”150″][ultimate_spacer height=”150″][/vc_column][/vc_row][vc_row full_width=”stretch_row” bg_type=”image” parallax_style=”vcpb-default” bg_image_new=”314|http://theme.visualmodo.com/rare/wp-content/uploads/sites/23/2015/10/mountains-pb.jpg” bg_image_repeat=”no-repeat” bg_img_attach=”fixed” enable_overlay=”enable_overlay_value” overlay_color=”rgba(21,119,28,0.25)” overlay_pattern=”09.png” overlay_pattern_opacity=”25″ css=”.vc_custom_1448142662893{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column][ultimate_spacer height=”150″][ultimate_spacer height=”150″][vc_row_inner css=”.vc_custom_1413457479349{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/2″][ultimate_heading main_heading=”Different Color” main_heading_color=”#ffffff” sub_heading_color=”#ffffff” alignment=”left” main_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:700″ main_heading_style=”font-weight:700;” main_heading_font_size=”45″ main_heading_margin=”margin-bottom:20px;” sub_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:600″ sub_heading_style=”font-weight:600;” sub_heading_font_size=”16″ sub_heading_margin=”margin-bottom:30px;”][/ultimate_heading][/vc_column_inner][/vc_row_inner][ultimate_spacer height=”150″][ultimate_spacer height=”150″][/vc_column][/vc_row][vc_row full_width=”stretch_row” bg_type=”image” parallax_style=”vcpb-default” bg_image_new=”314|http://theme.visualmodo.com/rare/wp-content/uploads/sites/23/2015/10/mountains-pb.jpg” bg_image_repeat=”no-repeat” bg_img_attach=”fixed” enable_overlay=”enable_overlay_value” overlay_color=”rgba(119,21,21,0.25)” overlay_pattern=”06.png” overlay_pattern_opacity=”25″ css=”.vc_custom_1448142687886{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column][ultimate_spacer height=”150″][ultimate_spacer height=”150″][vc_row_inner css=”.vc_custom_1413457479349{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/2″][ultimate_heading main_heading=”Different Color & Pattern as well” main_heading_color=”#ffffff” sub_heading_color=”#ffffff” alignment=”left” main_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:700″ main_heading_style=”font-weight:700;” main_heading_font_size=”45″ main_heading_margin=”margin-bottom:20px;” sub_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:600″ sub_heading_style=”font-weight:600;” sub_heading_font_size=”16″ sub_heading_margin=”margin-bottom:30px;”][/ultimate_heading][/vc_column_inner][/vc_row_inner][ultimate_spacer height=”150″][ultimate_spacer height=”150″][/vc_column][/vc_row][vc_row full_width=”stretch_row” bg_type=”bg_color” css=”.vc_custom_1448142700318{margin-top: 0px !important;margin-bottom: 0px !important;}” bg_color_value=”#ecf0f1″][vc_column][ultimate_spacer height=”80″][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][ultimate_heading main_heading=”Unlimited Possibilities!” main_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:600″ main_heading_style=”font-weight:600;” main_heading_font_size=”30″ sub_heading_font_size=”20″ sub_heading_line_height=”30″ main_heading_margin=”margin-bottom:20px;” sub_heading_font_family=”font_family:Open Sans|font_call:Open+Sans|variant:300″ sub_heading_style=”font-weight:300;”]Like said earlier – you can apply such overlay effects to your Background Videos, Gradient Colors, etc. We’ve provided you with lots of options so there is a huge scope for customization.[/ultimate_heading][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][ultimate_spacer height=”80″][/vc_column][/vc_row]