# Full Width Section - Link: https://www.solmesz.com/full-width-section - Published: 2013-05-24T20:57:42-03:00 - Author: Sol Mesz # Full Width Section Avada now includes a full width 100% page template. Using this you can use full width sections that span the entire width of your browser window, or keep content contained inside the 960px width. Use background images, borders, colors, padding, positioning and more with the shortcode. ## Beautifully Simplistic If you’re a code nerd or a Word Press newbie, Avada is for you.** It’s built for everyone**, and can be as simple or complex as you want. ## Free Support & Updates We truly care about our users and our end product. **Our users love Avada**, and you will too with free updates & incredible support. ## Blissful Layout Options Avada includes so many different options and designs. Users are able to make ** amazingly cool layouts** with the tools we provide. **Video & Image Backgrounds** The Full Width Section provides an abundance of customization settings to make your sections look as unique and elegant as you’d like. Choose an image, solid color, or even a video to be your Full Width Section’s background. Control the border size and color, the padding, as well as the position of the section. This shortcode also has a unique effect that blurs and fades image backgrounds. # Video Backgrounds For Full Width Container The same self hosted video backgrounds that can be used with our Fusion Slider make their way to the highly popular Full Width Container. Use color overlays, set color opacity, mute and loop the videos. Video backgrounds are perfect for adding visual appeal to your layouts. # Awesome Blur/Fading Effect On Scroll For The Full Width Background Image [PURCHASE AVADA](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion) **Use as Many As You Want!** Use as many Full Width Sections as you need to create beautiful layouts that will capture your viewer’s attention. Set background images, colors or videos to span 100% browser width to make it even more interesting. ## We Are Here To Serve You Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui. Ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla. ## Our Crazy Skills Web Design 90 HTML/CSS 95 Graphic Design 85 WordPress 75 * ![](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg% 27%20width%3D%27940%27%20height%3D%27600%27%20viewBox%3D%270%200%20940%20600% 27%3E%3Crect%20width%3D%27940%27%20height%3D%27600%27%20fill-opacity%3D%220%22% 2F%3E%3C%2Fsvg%3E) * ![](data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg% 27%20width%3D%27940%27%20height%3D%27600%27%20viewBox%3D%270%200%20940%20600% 27%3E%3Crect%20width%3D%27940%27%20height%3D%27600%27%20fill-opacity%3D%220%22% 2F%3E%3C%2Fsvg%3E) ## This Is A Full Width Section, Pretty Cool Heh? * Fully responsive so your content will always look good on any screen size * Awesome sliders give you the opportunity to showcase your content * Advanced theme options panel to easily customize your website * Multiple layout options for home pages, portfolio and blog section * Amazing shortcodes loaded with meta options for easy customization * We offer free support because we care about your site as much as you. **Spacing & Width Options** Set Full Width Containers to be 100% full width, or boxed. Set the spacing between columns, as well as the top, bottom, left and right padding. This shortcode also includes an option that lets you set columns to have equal heights. # 100% Content Width Content placed on the inside of a full width container can now be set to 100% of the browser window. This little option gives you major flexibility in building creative layouts. # Equal Column Heights The height of the column will depend on the interior content. At times this can be a design distraction. Now you can easily set columns inside a full width container to be equal heights. # Spacing Between Columns We love spacing, it is needed for clean design. However, many situations will look even better with no spacing between columns. Avada 3.7 gives you the power to make the decision. **Complete Set of Options ** Every option and description included with the full width container shortcode is listed below. * **backgroundcolor** – Accepts a hexcode _( #000000 )._ Sets the icon’s background color. Leave blank for Theme Option selection. * **backgroundimage** – The URL path of the background image you’d like to display, starting with _http://_ and usually ending on _.jpg, .png _or_ .gif._ * **backgroundrepeat** – Can be one of these values: _no-repeat, repeat, repeat- y, _or_ repeat-x. _Sets how the background repeats. * **backgroundposition** – Accept a pixel value, percentage or certain alphabetic values. For example,_ 50px, 100%, left top, left center, left bottom, right top, right center, right bottom, center top, center center, _or_ center bottom. _Sets the background’s position. * **backgroundattachment** – Can be one of these values: _fixed, scroll, _or_ local. _Sets how the background scrolls. * **video_webm** – The URL path of your WebM video file. _WebM_ and _MP4_ format must be included to render your video with cross browser compatibility. * **video_mp4** – The URL path of your MP4 video file. _WebM_ and _MP4_ format must be included to render your video with cross browser compatibility. * **video_ogv** – The URL path of your OGV video file. This parameter is optional. * **video_preview_image** – The URL path of the preview image you’d like to display, starting with _http://_ and usually ending on _.jpg, .png _or_ .gif. _If uploading** Self-Hosted** videos, this parameter must be filled. * **video_mute** – Can be one of these values: _yes, _or_ no. _This will enable or disable mute. * **video_loop** – Can be one of these values: _yes, _or_ no. _This will enable or disable video loop. * **overlay_color** – Accepts a hexcode _( #000000 )._ Sets the video’s overlay color. Leave blank for Theme Option selection. * **overlay_opacity** – Can be a numerical value from _0.1_ to _1_. Sets the color opacity level. _1_ is equivalent to _100%_. * **fade** – Can be one of these values: _yes, _or_ no. _Sets the image to fade and blur on scroll. This parameter is for _images_ only. * **bordersize** – Accepts a pixel value that sets the border’s size. For example, _5px_. * **bordercolor** – Accepts a hexcode _( #000000 )._ Sets the border’s color. Leave blank for Theme Option selection. * **borderstyle** – Can be one of these values: _solid, dashed, _or_ dotted. _Sets the border’s style. * **paddingtop** – Accepts a numerical value that sets the top padding in pixels. For example, _20_. * **paddingbottom** – Accepts a numerical value that sets the bottom padding in pixels. For example, _20_. * **paddingleft** – Accepts a numerical value that sets the left padding in pixels. For example, _20_. * **paddingright** – Accepts a numerical value that sets the right padding in pixels. For example, _20_. * **menu_anchor** – The _unique name_ you give the corresponding menu item. * **equal_height_columns** – Can be one of these values: _yes, _or_ no. _Sets all the column shortcodes inside the container to be equal in height. * **hundred_percent** – Can be one of these values: _yes, _or_ no. _Sets if the interior content is 100% width or contained to the site width setting. Selecting _yes_ will remove left/right padding. * **class** – Add a _custom class_ to the wrapping HTML element for further css customization. * **id** – Add a _custom id_ to the wrapping HTML element for further css customization. # Join The 100,000+ Satisfied Avada Users! [ BUY AVADA NOW!](http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion)