Close sidebar
Skip to content

Section Gradient

[vc_row bg_type=”” dima_canvas_style=”” cover=”true” bg_gradient=”vertical” cover_color=”#701eff” gr_end=”#910a96″ gr_opacity=”1″ top_shape_color=”#ffffff” has_bottom_shape_divider=”true” bottom_shape_color=”#ffffff” translate_x=”0″ dima_z_index=”0″ animate_item=”” delay_duration=”” delay_offset=”” id=”” class=”” border_color=”” css=”.vc_custom_1511691119239{margin-bottom: 30px !important;}”][vc_column bg_type=”” dima_canvas_style=”” min_height=”” translate_x=”0″ dima_z_index=”0″ delay=”” delay_duration=”” delay_offset=”” width=”1/1″][dima_spacer screen_all_spacer_size=”150″ screen_xld_resolution=”1600″ screen_xld_spacer_size=”150″ screen_ld_resolution=”1400″ screen_ld_spacer_size=”150″ screen_md_resolution=”1170″ screen_md_spacer_size=”120″ screen_sd_resolution=”969″ screen_sd_spacer_size=”100″ screen_xsd_resolution=”480″ screen_xsd_spacer_size=”100″ id=”” class=””][custom_heading dima_heading_color=”#ffffff” float=”center” icon_type=”svgicon” icon_svg=”feather-arrow-down” delay=”” delay_duration=”” delay_offset=”” id=”” class=”” style=””]Vertical Direction[/custom_heading][text delay=”” delay_duration=”” delay_offset=”” id=”” class=””]

Ability to choose gradient color by direction and this
is an example of vertical direction

[/text][dima_spacer screen_all_spacer_size=”150″ screen_xld_resolution=”1600″ screen_xld_spacer_size=”150″ screen_ld_resolution=”1400″ screen_ld_spacer_size=”150″ screen_md_resolution=”1170″ screen_md_spacer_size=”120″ screen_sd_resolution=”969″ screen_sd_spacer_size=”100″ screen_xsd_resolution=”480″ screen_xsd_spacer_size=”100″ id=”” class=””][/vc_column][/vc_row][vc_row bg_type=”” dima_canvas_style=”” top_shape_style=”diagonal-top” top_shape_color=”#ffffff” bottom_shape_size=”small” bottom_shape_color=”#5f008e” translate_x=”0″ dima_z_index=”0″ animate_item=”” delay_duration=”” delay_offset=”” id=”” class=”” border_color=”” css=”.vc_custom_1511694404145{margin-top: 0px !important;margin-bottom: 0px !important;}”][vc_column bg_type=”” dima_canvas_style=”” min_height=”” translate_x=”0″ dima_z_index=”0″ delay=”” delay_duration=”” delay_offset=”” width=”1/1″][custom_heading dima_heading_color=”#910a96″ float=”center” icon_type=”svgicon” icon_svg=”feather-heart” delay=”” delay_duration=”” delay_offset=”” id=”” class=”” style=””]More Gradient
[/custom_heading][/vc_column][/vc_row][vc_row bg_type=”bg_image” dima_canvas_style=”” cover=”true” bg_gradient=”horizontal” cover_color=”#0083ff” gr_end=”#5f008e” gr_opacity=”1″ has_top_shape_divider=”true” top_shape_style=”small-waves-top” top_shape_size=”small” top_shape_color=”#ffffff” bottom_shape_color=”#ffffff” translate_x=”0″ dima_z_index=”0″ animate_item=”” delay_duration=”” delay_offset=”” id=”” class=”” border_color=”” di_bg_image=”4775″][vc_column bg_type=”” dima_canvas_style=”” min_height=”” translate_x=”0″ dima_z_index=”0″ delay=”” delay_duration=”” delay_offset=”” width=”1/1″][custom_heading dima_heading_color=”#ffffff” float=”center” icon_type=”svgicon” icon_svg=”feather-arrow-right” delay=”” delay_duration=”” delay_offset=”” id=”” class=”” style=””]Horizontal Direction[/custom_heading][text delay=”” delay_duration=”” delay_offset=”” id=”” class=””]

Ability to choose gradient color by direction and this
is an example of horizontal direction

[/text][/vc_column][/vc_row][vc_row bg_type=”” dima_canvas_style=”” cover=”true” bg_gradient=”left_top” cover_color=”#701eff” gr_end=”#910a96″ gr_opacity=”1″ top_shape_color=”#ffffff” bottom_shape_color=”#ffffff” translate_x=”0″ dima_z_index=”0″ animate_item=”” delay_duration=”” delay_offset=”” id=”” class=”” border_color=””][vc_column bg_type=”” dima_canvas_style=”” min_height=”” translate_x=”0″ dima_z_index=”0″ delay=”” delay_duration=”” delay_offset=”” width=”1/1″][custom_heading dima_heading_color=”#ffffff” float=”center” icon_type=”svgicon” icon_svg=”feather-arrow-down-right” delay=”” delay_duration=”” delay_offset=”” id=”” class=”” style=””]Diagonal Direction[/custom_heading][text delay=”” delay_duration=”” delay_offset=”” id=”” class=””]

Ability to choose gradient color by direction and this
is an example of top diagonal direction

[/text][/vc_column][/vc_row][vc_row bg_type=”” dima_canvas_style=”” cover=”true” bg_gradient=”left_bottom” cover_color=”#0083ff” gr_end=”#5f008e” gr_opacity=”1″ top_shape_color=”#ffffff” bottom_shape_color=”#ffffff” translate_x=”0″ dima_z_index=”0″ animate_item=”” delay_duration=”” delay_offset=”” id=”” class=”” border_color=””][vc_column bg_type=”” dima_canvas_style=”” min_height=”” translate_x=”0″ dima_z_index=”0″ delay=”” delay_duration=”” delay_offset=”” width=”1/1″][custom_heading dima_heading_color=”#ffffff” float=”center” icon_type=”svgicon” icon_svg=”feather-arrow-up-right” delay=”” delay_duration=”” delay_offset=”” id=”” class=”” style=””]Diagonal Direction[/custom_heading][text delay=”” delay_duration=”” delay_offset=”” id=”” class=””]

Ability to choose gradient color by direction and this
is an example of bottom diagonal direction

[/text][/vc_column][/vc_row][vc_row bg_type=”” dima_canvas_style=”” cover=”true” bg_gradient=”radial” cover_color=”#701eff” gr_end=”#910a96″ gr_opacity=”1″ top_shape_color=”#ffffff” bottom_shape_color=”#ffffff” translate_x=”0″ dima_z_index=”0″ animate_item=”” delay_duration=”” delay_offset=”” id=”” class=”” border_color=””][vc_column bg_type=”” dima_canvas_style=”” min_height=”” translate_x=”0″ dima_z_index=”0″ delay=”” delay_duration=”” delay_offset=”” width=”1/1″][custom_heading dima_heading_color=”#ffffff” float=”center” icon_type=”svgicon” icon_svg=”feather-disc” delay=”” delay_duration=”” delay_offset=”” id=”” class=”” style=””]Radial Direction[/custom_heading][text delay=”” delay_duration=”” delay_offset=”” id=”” class=””]

Ability to choose gradient color by direction and this
is an example of radial direction

[/text][/vc_column][/vc_row][vc_row bg_type=”bg_image” dima_canvas_style=”” cover=”true” bg_gradient=”left_top” cover_color=”#0083ff” gr_end=”#5f008e” gr_opacity=”0.7″ top_shape_color=”#ffffff” has_bottom_shape_divider=”true” bottom_shape_style=”diagonal-bottom” bottom_shape_color=”#333333″ translate_x=”0″ dima_z_index=”0″ animate_item=”” delay_duration=”” delay_offset=”” id=”” class=”” border_color=”” di_bg_image=”4494″][vc_column bg_type=”” dima_canvas_style=”” min_height=”” translate_x=”0″ dima_z_index=”0″ delay=”” delay_duration=”” delay_offset=”” width=”1/1″][custom_heading float=”center” delay=”” delay_duration=”” delay_offset=”” id=”” class=”” style=””]Gradient With Opacity[/custom_heading][text delay=”” delay_duration=”” delay_offset=”” id=”” class=””]

Ability to control the opacity of the gradient color
and this is an example

[/text][/vc_column][/vc_row]


This is a cookie notice. You can replace this cookie notice easily using the theme options from within your WordPress control panel. It will only appear once, with acceptance of the form stored locally.