Overlay Effects

[vc_row full_width= »stretch_row » bg_type= »image » parallax_style= »vcpb-default » bg_image_new= »id^144|url^https://jovador.com/wp-content/uploads/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|https://jovador.com/wp-content/uploads/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|https://jovador.com/wp-content/uploads/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|https://jovador.com/wp-content/uploads/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|https://jovador.com/wp-content/uploads/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]