AWB4WP

Avada Website Builder Tips and Tricks

I am transitioning to Bricks Builder, and unless version 8 of Avada includes some major changes to compete, no new Avada content will be published.

Background Video Test

Background Video TestStephen Walker2021-10-11T13:42:28-04:00

This challenge was from the Facebook group where a user wanted to know if it was possible to overlay text on a video. Using the video element and a nested column for the text, this is fairly simple. The code is provided below.

This is a test heading

This is a test heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tincidunt mollis mauris id tincidunt.

Code

Copy to Clipboard

[fusion_builder_container type="flex" hundred_percent="no" hundred_percent_height="no" hundred_percent_height_scroll="no" align_content="stretch" flex_align_items="flex-start" flex_justify_content="center" hundred_percent_height_center_content="yes" equal_height_columns="no" container_tag="div" hide_on_mobile="small-visibility,medium-visibility,large-visibility" status="published" border_style="solid" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="180" background_position="center center" background_repeat="no-repeat" fade="no" background_parallax="none" enable_mobile="no" parallax_speed="0.3" background_blend_mode="none" video_aspect_ratio="16:9" video_loop="yes" video_mute="yes" absolute="off" absolute_devices="small,medium,large" sticky="off" sticky_devices="small-visibility,medium-visibility,large-visibility" sticky_transition_offset="0" scroll_offset="0" animation_direction="left" animation_speed="0.3" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0" padding_top="32px" padding_bottom="36px"][fusion_builder_row][fusion_builder_column type="3_4" type="3_4" align_self="stretch" content_layout="column" align_content="center" valign_content="flex-start" content_wrap="wrap" center_content="no" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" hover_type="none" border_style="solid" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="single" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="180" background_color="" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" filter_type="regular" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0" animation_direction="left" animation_speed="0.3" border_radius_top_left="10px" border_radius_top_right="10px" border_radius_bottom_right="10px" border_radius_bottom_left="10px" last="no" border_position="all" min_height="" link="" class="bg-grad"][fusion_video video="https://res.cloudinary.com/memi/video/upload/f_mp4,q_auto/v1/ma/memivbg.mp4" video_webm="" width="" controls="no" preload="auto" loop="yes" autoplay="yes" mute="yes" preview_image="" overlay_color="rgba(19,40,57,0.52)" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" box_shadow_color="" alignment="center" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="bg-grad" css_id="videoBG" border_radius_top_left="10px" border_radius_top_right="10px" border_radius_bottom_right="10px" border_radius_bottom_left="10px" /][fusion_builder_row_inner][fusion_builder_column_inner type="3_4" type="3_4" align_self="auto" content_layout="column" align_content="flex-start" valign_content="flex-start" content_wrap="wrap" center_content="no" target="_self" hide_on_mobile="small-visibility,medium-visibility,large-visibility" sticky_display="normal,sticky" order_medium="0" order_small="0" hover_type="none" border_style="solid" box_shadow="no" box_shadow_blur="0" box_shadow_spread="0" background_type="single" gradient_start_position="0" gradient_end_position="100" gradient_type="linear" radial_direction="center center" linear_angle="180" background_position="left top" background_repeat="no-repeat" background_blend_mode="none" filter_type="regular" filter_hue="0" filter_saturation="100" filter_brightness="100" filter_contrast="100" filter_invert="0" filter_sepia="0" filter_opacity="100" filter_blur="0" filter_hue_hover="0" filter_saturation_hover="100" filter_brightness_hover="100" filter_contrast_hover="100" filter_invert_hover="0" filter_sepia_hover="0" filter_opacity_hover="100" filter_blur_hover="0" animation_direction="left" animation_speed="0.3" padding_top="22%" padding_bottom="22%" last="no" border_position="all" margin_top="-60%" margin_bottom="0" padding_bottom_small="45px" padding_left_small="18px" padding_right_small="20px" padding_left_medium="69px" padding_right_medium="97px" padding_left="64px" padding_right="64px" min_height="" link=""][fusion_title title_type="text" rotation_effect="bounceIn" display_time="1200" highlight_effect="circle" loop_animation="off" highlight_width="9" highlight_top_margin="0" before_text="" rotation_text="" highlight_text="" after_text="" title_link="off" link_url="" link_target="_self" content_align_medium="" content_align_small="" content_align="center" size="2" font_size="64px" animated_font_size="" line_height="" letter_spacing="" text_shadow="no" text_shadow_blur="0" text_shadow_color="" dimensions_medium="" dimensions_small="" text_color="#ffffff" animated_text_color="" highlight_color="" style_type="default" sep_color="" link_color="" link_hover_color="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" fusion_font_variant_title_font=""]
This is a test heading[/fusion_title][fusion_title title_type="text" rotation_effect="bounceIn" display_time="1200" highlight_effect="circle" loop_animation="off" highlight_width="9" highlight_top_margin="0" before_text="" rotation_text="" highlight_text="" after_text="" title_link="off" link_url="" link_target="_self" content_align_medium="" content_align_small="" content_align="center" size="2" font_size="32px" animated_font_size="" line_height="" letter_spacing="" text_shadow="no" text_shadow_blur="0" text_shadow_color="" dimensions_medium="" dimensions_small="" text_color="#ffffff" animated_text_color="" highlight_color="" style_type="default" sep_color="" link_color="" link_hover_color="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="small-visibility" sticky_display="normal,sticky" class="" id="" fusion_font_variant_title_font=""]
This is a test heading[/fusion_title][fusion_text columns="" column_min_width="" column_spacing="" rule_style="default" rule_size="" rule_color="" font_size="" line_height="" letter_spacing="" text_color="#ffffff" content_alignment_medium="" content_alignment_small="" content_alignment="" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset="" hide_on_mobile="medium-visibility,large-visibility" sticky_display="normal,sticky" class="" id="" fusion_font_variant_text_font=""]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tincidunt mollis mauris id tincidunt.Â

[/fusion_text][/fusion_builder_column_inner][/fusion_builder_row_inner][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

This website uses cookies to ensure you get the best experience on our website, click 'allow all cookies' below to enable third-party embeds and tracking cookies. Some strictly necessary cookies are also set. More information about cookies can be found here. Settings ALLOW ALL COOKIES Reject All

ABOUT COOKIES

Third-party cookies are cookies that are set by other websites, not this one. This website may use embedded content from other websites, such as YouTube or Google maps. Your consent is required to view content from these websites embedded on this site.

THIRD PARTY EMBEDS

These are cookies that are required for the operation of our website, details of which can be found here.

YouTube
Facebook
Flickr
X

TRACKING COOKIES

This sites does not use tracking cookies.