a
We a team of artists, producers, brand strategists and marketing professionals dedicated to visual problem solving in all media, The Attic develops visual identities and branding strategies in broadcast, print, interactive and digital formats for a wide variety of clients, from cable networks to theme parks to regular TV advertisers and everything in between.
549 Water Street, Celebration FL, 34747
+1 (407) 491.5049
[email protected]
Follow Us
 

Grid Row

[av_layout_row border=” min_height_percent=” min_height=’300px’ color=’main_color’ mobile=’av-flex-cells’ id=” av_element_hidden_in_editor=’0′]
[av_cell_one_fourth vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#2a2a2a’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_heading tag=’h1′ padding=’15’ heading=’The Grid Row’ color=’custom-color-heading’ style=’blockquote modern-quote modern-centered’ custom_font=’#ffffff’ size=’40’ subheading_active=” subheading_size=’15’ custom_class=” admin_preview_bg=”][/av_heading]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#757575′ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=”]

An element that allows you to build interesting layout grids

[/av_textblock]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#cacaca’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

Grid Rows are fullwidth elements and you can place any number of rows below each other

[/av_textblock]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’top’ padding=’30px’ padding_sync=’true’ background_color=” src=’http://www.theattic.tv/wp-content/uploads/2015/07/portfolio-4.jpg’ attachment=’863′ attachment_size=’full’ background_attachment=’scroll’ background_position=’center center’ background_repeat=’stretch’ mobile_display=”]

[/av_cell_one_fourth]
[/av_layout_row]

[av_layout_row border=” min_height_percent=” min_height=’300px’ color=’main_color’ mobile=’av-flex-cells’ id=” av_element_hidden_in_editor=’0′]
[av_cell_one_third vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#cacaca’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

You can set background color and image for each cell individually

[/av_textblock]

[/av_cell_one_third][av_cell_one_third vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=” src=’http://www.theattic.tv/wp-content/uploads/2015/07/portfolio-1.jpg’ attachment=’866′ attachment_size=’full’ background_attachment=’scroll’ background_position=’center center’ background_repeat=’stretch’ mobile_display=”]

[/av_cell_one_third][av_cell_one_third vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#757575′ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

A row can hold up to 5 cells that are aligned beside each other

[/av_textblock]

[/av_cell_one_third]
[/av_layout_row]

[av_layout_row border=” min_height_percent=” min_height=’300px’ color=’main_color’ mobile=’av-flex-cells’ id=” av_element_hidden_in_editor=’0′]

[av_cell_one_half vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#2a2a2a’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

Use your imagination when it comes to using this element and you can build really interesting stuff

[/av_textblock]

[/av_cell_one_half][av_cell_one_half vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#cacaca’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

As seen bellow (the 4 blue bars) you can even use the element for pure styling

[/av_textblock]

[av_button label=’Check out another example of a Grid Page’ link=’page,644′ link_target=” size=’x-large’ position=’center’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’ color=’light’ custom_bg=’#444444′ custom_font=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

[/av_cell_one_half][/av_layout_row][av_layout_row border=” min_height_percent=” min_height=’10px’ color=’main_color’ mobile=’av-fixed-cells’ id=” av_element_hidden_in_editor=’0′]
[av_cell_one_fourth vertical_align=’middle’ padding=’0px’ padding_sync=’true’ background_color=’#bad3e6′ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’middle’ padding=’0px’ padding_sync=’true’ background_color=’#9cc2df’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’middle’ padding=’0px’ padding_sync=’true’ background_color=’#84bbe4′ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’middle’ padding=’0px’ padding_sync=’true’ background_color=’#67a2ce’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[/av_cell_one_fourth]
[/av_layout_row]