Video Background

[rockthemes_specialgridblock avoid_sidebar=”header” skip_sg=”true”]

[/rockthemes_specialgridblock] [rockthemes_specialgridblock avoid_sidebar=”before” skip_sg=”true”]

#1

[rockthemes_heading bold_color=”#333333″ regular_color=”#787878″ details_color=”#a5a7a8″ bold_text=”FULL SCREEN ” light_text=”VIDEO BACKGROUND” details_text=”” heading_font_size=”” html_tag=”h1″ align=”center” use_icon=”no” border_bottom=”yes” disable_margin=”no” ]

Full Screen or Full width video backgrounds. Special grids have an amazing feature to display a video at the top of the site as well.

#2

[rockthemes_heading bold_color=”#ffffff” regular_color=”#e2e4e7″ details_color=”#a5a7a8″ bold_text=”CHOOSE A COLOR ” light_text=”ANY COLOR” details_text=”” heading_font_size=”” html_tag=”h2″ align=”center” use_icon=”no” border_bottom=”yes” disable_margin=”no” ]

You can choose an overlay color for the video background. You can also set an opacity for this overlay color. This way you can make a semi transparent overlay color effect for video background.

#4

[rockthemes_heading bold_color=”#787878″ regular_color=”#999999″ details_color=”#a5a7a8″ bold_text=”YOUTUBE VIMEO ” light_text=”VIDEO BACKGROUND” details_text=”” heading_font_size=”” html_tag=”h2″ align=”center” use_icon=”no” border_bottom=”yes” disable_margin=”no” ]

Full Screen Grids. Yet another unique feature of Rock Page Builder. You can use Full Screen feature of special grids easily. You can set a background color and make this a colored grid as well. Try to display this area on different sizes. It will always match with the screen size. You can add the arrow in this full screen grid section as well.

[rockthemes_vimeo_video autoplay=”true” ]https://vimeo.com/108824940[/rockthemes_vimeo_video]

#5

[rockthemes_heading bold_color=”#ffffff” regular_color=”#e2e4e7″ details_color=”#a5a7a8″ bold_text=”LIGHT ” light_text=”FONTS” details_text=”” heading_font_size=”” html_tag=”h2″ align=”center” use_icon=”no” border_bottom=”yes” disable_margin=”no” ]

You can also enable Light Font Colors in a special grid. This will enable light font color for so many text elements in this special grid. Useful for different backgrounds

#6

[rockthemes_heading bold_color=”#787878″ regular_color=”#999999″ details_color=”#a5a7a8″ bold_text=”AMAZING ” light_text=”COLUMNS” details_text=”” heading_font_size=”” html_tag=”h2″ align=”center” use_icon=”no” border_bottom=”yes” disable_margin=”no” ]

You don’t have to stuck with single full grid in special grids. You can use columns in for your grids easily.

[rockthemes_vertical_space vertical_space_height=”default” custom_value=”60px”/]

[rockthemes_single_image image_sizes=”medium” image_url=”http://azoom.rockthemes.net/wp-content/uploads/2014/11/rfb-homepage-ui.png” image_align=”” image_id=”2355″ extra_style=”” extra_class=”” image_link_target=”” enable_hover=”false” hover_bg_color=”#FFFFFF” hover_color=”#FFFFFF” hover_title=”” overflow_image=”false” overflow_image_size=”” link_url=”false” link_id=”false” link_is_tax=”false” tax_name=”no-selected”][rockthemes_vertical_space vertical_space_height=”d_2″ custom_value=”60px”/]

This is a 3 columns regular grid.

[rockthemes_toggles toggle_type=”single-mode” avoid_sidebar=”undefined” toggle_use_hash=”no” boxed_layout=”false” open_toggle_index=”0″][rockthemes_toggles_single use_shadow=”false” title=”Toggles Awesome” toggle_hash=”” icon_class=”” icon_url=””]

Awesome Toggle Content

[/rockthemes_toggles_single][rockthemes_toggles_single use_shadow=”false” title=”Toggles Awesome Drag” toggle_hash=”” icon_class=”” icon_url=””]

Awesome Toggle Content

[/rockthemes_toggles_single][/rockthemes_toggles][rockthemes_vertical_space vertical_space_height=”d_2″ custom_value=”60px”/]

This is a 5 columns regular grid

[rockthemes_single_image image_sizes=”medium” image_url=”http://azoom.rockthemes.net/wp-content/uploads/2014/11/rpb-homepage-ui.png” image_align=”right” image_id=”2352″ extra_style=”” extra_class=”” image_link_target=”” enable_hover=”false” hover_bg_color=”#FFFFFF” hover_color=”#FFFFFF” hover_title=”” overflow_image=”false” overflow_image_size=”” link_url=”false” link_id=”false” link_is_tax=”false” tax_name=”no-selected”][rockthemes_vertical_space vertical_space_height=”d_2″ custom_value=”60px”/]

This is 4 columns regular grid. Any grid from 1 to 12 ready to use easily with Rock Page Builder

[/rockthemes_specialgridblock]

Leave a Reply

Your email address will not be published. Required fields are marked *