Layout and text

[vc_row ancho_completo=”fila_estirada” paralaje=”movimiento de contenido” css=”.vc_custom_1430235361899{tapa acolchada: 35píxeles !importante;fondo acolchado: 60píxeles !importante;imagen de fondo: URL(‘http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!importante ;posición de fondo: centro;repetición de fondo: no repetir;tamaño de fondo:cubrir;}”][columna_vc][vc_custom_heading texto=”Row, Column Layouts and Text” fuente_contenedor=”etiqueta:h2|tamaño_fuente:46|alineación_texto:izquierda|color:%23ffffff|altura_linea:1.5″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:700%20negrita regular:700:normal”][alineación vc_separator =”alinear_izquierda” ancho_borde=”3″ el_ancho=”50″ el_class=”separador-en-título”][vc_columna_texto css=”.vc_custom_1437477631561{margen superior: -15píxeles !importante;}”]Responsive WordPress pages and posts based on Bootstrap grid using row and column principles.[/vc_column_text][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Rows, Columns and Text Layout” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1437477637442{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

Visual Composer uses Bootstrap grid principle to form responsive row and column layout that looks good on all type of devices.

[/vc_column_text][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/2″][vc_custom_heading texto=”First Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 2 equal columns and text paragraphs aligned on left and right. It is possible to drag columns to change their order which is handy in case you have tons of elements in each column and you wish to swap them.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/2″][vc_custom_heading texto=”Second Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 2 equal columns and text paragraphs aligned on left and right. It is possible to drag columns to change their order which is handy in case you have tons of elements in each column and you wish to swap them.

[/vc_column_text][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”2/3″][vc_custom_heading texto=”First Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 2 columns where left column is bigger than right column. Such layout comes in handy if you would like to create sidebar based pages.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/3″][vc_custom_heading texto=”Second Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 2 columns where left column is bigger than right column. Such layout comes in handy if you would like to create sidebar based pages.

[/vc_column_text][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/3″][vc_custom_heading texto=”First Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 3 equal columns and text paragraphs aligned on left, centre and right. Such layout comes in very handy if you want to display core features or products.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/3″][vc_custom_heading texto=”Second Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 3 equal columns and text paragraphs aligned on left, centre and right. Such layout comes in very handy if you want to display core features or products.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/3″][vc_custom_heading texto=”Third Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 3 equal columns and text paragraphs aligned on left, centre and right. Such layout comes in very handy if you want to display core features or products.

[/vc_column_text][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/6″][vc_custom_heading texto=”First Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 6 equal columns which is a perfect solution for displaying grid of features.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/6″][vc_custom_heading texto=”Second Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 6 equal columns which is a perfect solution for displaying grid of features.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/6″][vc_custom_heading texto=”Third Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 6 equal columns which is a perfect solution for displaying grid of features.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/6″][vc_custom_heading texto=”Fourth Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 6 equal columns which is a perfect solution for displaying grid of features.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/6″][vc_custom_heading texto=”Fifth Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 6 equal columns which is a perfect solution for displaying grid of features.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/6″][vc_custom_heading texto=”Sixth Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 6 equal columns which is a perfect solution for displaying grid of features.

[/vc_column_text][/columna_vc][/vc_row][vc_row ancho_completo=”stretch_row_content_no_spaces”][columna_vc][vc_separador][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Row and Column Styling” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1437477644576{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

Style rows and columns by adding background, background color, border, margin and paddings via Design Options settings. Choose from available border styles and background image positions.

[/vc_column_text][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1423056729606{margen inferior: 35píxeles !importante;border-top-width: 1píxeles !importante;border-right-width: 1píxeles !importante;border-bottom-width: 1píxeles !importante;border-left-width: 1píxeles !importante;fondo acolchado: 10píxeles !importante;background-color: #f7f7f7 !importante;border-left-color: #bababa !importante;border-left-style: dotted !importante;border-right-color: #bababa !importante;border-right-style: dotted !importante;border-top-color: #bababa !importante;border-top-style: dotted !importante;border-bottom-color: #bababa !importante;border-bottom-style: dotted !importante;}”][vc_columna ancho=”1/2″][vc_custom_heading texto=”First Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This row has been styled with background color and dotted border. Columns are not styled in this example.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/2″][vc_custom_heading texto=”Second Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This row has been styled with background color and dotted border. Columns are not styled in this example.

[/vc_column_text][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1423056439945{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/2″ css=”.vc_custom_1423058748145{border-top-width: 1píxeles !importante;border-right-width: 1píxeles !importante;border-bottom-width: 1píxeles !importante;border-left-width: 1píxeles !importante;tapa acolchada: 15píxeles !importante;padding-right: 15píxeles !importante;fondo acolchado: 15píxeles !importante;padding-left: 15píxeles !importante;background-color: #f7f7f7 !importante;border-left-color: #bababa !importante;border-left-style: solid !importante;border-right-color: #bababa !importante;border-right-style: solid !importante;border-top-color: #bababa !importante;border-top-style: solid !importante;border-bottom-color: #bababa !importante;border-bottom-style: solid !importante;}”][vc_custom_heading texto=”First Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

Existen 2 columns in this row and each of them has been styled separately from other. It is also allowed to combine row and column styling to create truly unique design.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/2″ css=”.vc_custom_1423058737165{border-top-width: 1píxeles !importante;border-right-width: 1píxeles !importante;border-bottom-width: 1píxeles !importante;border-left-width: 1píxeles !importante;tapa acolchada: 15píxeles !importante;padding-right: 15píxeles !importante;fondo acolchado: 15píxeles !importante;padding-left: 15píxeles !importante;background-color: #f7f7f7 !importante;border-left-color: #bababa !importante;border-left-style: solid !importante;border-right-color: #bababa !importante;border-right-style: solid !importante;border-top-color: #bababa !importante;border-top-style: solid !importante;border-bottom-color: #bababa !importante;border-bottom-style: solid !importante;}”][vc_custom_heading texto=”Second Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

Existen 2 columns in this row and each of them has been styled separately from other. It is also allowed to combine row and column styling to create truly unique design.

[/vc_column_text][/columna_vc][/vc_row][vc_row ancho_completo=”stretch_row_content_no_spaces”][columna_vc][vc_separador][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Full Width Rows” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1437477651123{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

Full width sections based on row principle with content control. Set content to be fixed or full width together with row background.

[/vc_column_text][/columna_vc][/vc_row][vc_row ancho_completo=”fila_estirada” css=”.vc_custom_1423057236863{tapa acolchada: 35píxeles !importante;fondo acolchado: 35píxeles !importante;background-color: #f7f7f7 !importante;}”][vc_columna ancho=”1/2″][vc_custom_heading texto=”First Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This row is stretched, but the columns are still fixed. Such layouts come in handy if you would like to use background color or image in full width, but at the same time leave text centred.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/2″][vc_custom_heading texto=”Second Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This row is stretched, but the columns are still fixed. Such layouts come in handy if you would like to use background color or image in full width, but at the same time leave text centred.

[/vc_column_text][/columna_vc][/vc_row][vc_row ancho_completo=”stretch_row_content” css=”.vc_custom_1423057310324{tapa acolchada: 35píxeles !importante;fondo acolchado: 35píxeles !importante;background-color: #f7f7f7 !importante;}”][vc_columna ancho=”1/2″][vc_custom_heading texto=”First Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is stretched row with stretched content. By default there is 15 pixels padding on the left and right side of the row, but it can be easily removed by choosing “Stretch row and content without spaces”.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/2″][vc_custom_heading texto=”Second Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is stretched row with stretched content. By default there is 15 pixels padding on the left and right side of the row, but it can be easily removed by choosing “Stretch row and content without spaces”.

[/vc_column_text][/columna_vc][/vc_row][vc_row ancho_completo=”stretch_row_content_no_spaces”][columna_vc][vc_separador][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Responsive Rows and Columns” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1437477660482{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

All rows and columns are fully responsive meaning your WordPress site is mobile friendly. With easy to use responsiveness tool you can control how your columns behave on different type of devices or even hide them.

[/vc_column_text][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_column offset=”vc_col-lg-6 vc_col-md-6 vc_col-xs-12″][vc_custom_heading texto=”First Responsive Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 2 equal columns, but if you will view this layout on the mobile screen size you will see only one column, because second column is disabled on the mobile view. Además – visible column size will take all available space.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/2″ offset=”vc_hidden-sm vc_hidden-xs”][vc_custom_heading texto=”Second Responsive Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a row with 2 equal columns and text paragraphs aligned on left and right. It is possible to drag columns to change their order which is handy in case you have tons of elements in each column and you wish to swap them.

[/vc_column_text][/columna_vc][/vc_row][vc_row ancho_completo=”stretch_row_content_no_spaces”][columna_vc][vc_separador][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Multiline Rows” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1437477671777{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

Even Bootstrap is limited to 12/12 column principles by default Visual Composer allows creating layouts which exceeds it by placing columns into several lines within one row.

[/vc_column_text][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/2″][vc_custom_heading texto=”First Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This row contains 3 columns – while first 2 columns are displayed in one line third column is placed in the next line.

[/vc_column_text][/columna_vc][vc_columna ancho=”1/2″][vc_custom_heading texto=”Second Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This row contains 3 columns – while first 2 columns are displayed in one line third column is placed in the next line.

[/vc_column_text][/columna_vc][columna_vc][vc_custom_heading texto=”Third Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This row contains 3 columns – while first 2 columns are displayed in one line third column is placed in the next line.

[/vc_column_text][/columna_vc][/vc_row][vc_row ancho_completo=”fila_estirada” paralaje=”content-moving-fade” parallax_image=”23″ css=”.vc_custom_1435763671423{margen inferior: 0píxeles !importante;tapa acolchada: 35píxeles !importante;fondo acolchado: 45píxeles !importante;}”][columna_vc][vc_custom_heading texto=”Parallax Row with Background” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%23ffffff|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1437477677558{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

Parallax rows with background allows creating trendy website layouts with parallax effect in order to drag your customer attention and ensure your site if following latest design standards. Combination of Parallax effect and Design Options allows create advanced parallax with more than one background level.

[/vc_column_text][/columna_vc][/vc_row][vc_row ancho_completo=”fila_estirada” video_bg=”Sí” video_bg_parallax=”movimiento de contenido” css=”.vc_custom_1435763664790{margen inferior: 0píxeles !importante;tapa acolchada: 135píxeles !importante;fondo acolchado: 145píxeles !importante;}”][columna_vc][vc_custom_heading texto=”Video Background With Parallax Row” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%23ffffff|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1437477684828{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

Beautiful video background effects for your row allows dragging visitors attention with the help of YouTube videos. Option to combine video background with Parallax effect allows creating award winning sites.

[/vc_column_text][/columna_vc][/vc_row][vc_row ancho_completo=”fila_estirada” full_height=”Sí” paralaje=”movimiento de contenido” parallax_image=”23″][columna_vc][vc_custom_heading texto=”Full Height Row” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%23ffffff|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1437477691161{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

Full height section rows is a perfect layout for creating One Page WordPress sites and Landing Pages. Full height is a good solution whenever you want to display Call to Action type block and focus your potential customer attention on specific details.

[/vc_column_text][vc_btn título=”Iniciar mi sitio de demostración” estilo =”departamento” color =”rosa jugoso” tamaño =”LG” alinear =”centro” enlace=”||” el_class=”vcd_inicio”][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Inner Row and Column” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1437477697742{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

In order to create advanced layouts Visual Composer introduces Inner Row and Columns element which means you can insert row into row. Inners rows and columns can be styled the same way as regular row and column by applying Design Options tool.

[/vc_column_text][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1423059422056{fondo acolchado: 35píxeles !importante;background-color: #f7f7f7 !importante;}”][vc_columna ancho=”1/2″][vc_custom_heading texto=”First Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a regular row with 2 equal columns with exception that left column contains inner row element.

[/vc_column_text][vc_row_inner css=”.vc_custom_1423060092997{margen superior: 5píxeles !importante;margin-right: 5píxeles !importante;margen inferior: 5píxeles !importante;margin-left: 5píxeles !importante;fondo acolchado: 15píxeles !importante;background-color: #ededed !importante;}”][vc_column_inner][vc_custom_heading texto=”Inner Row” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:izquierda|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This content is placed in inner row for even more advanced styling.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/columna_vc][vc_columna ancho=”1/2″][vc_custom_heading texto=”Second Column” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This is a regular row with 2 equal columns with exception that both of the columns contain inner row element.

[/vc_column_text][vc_row_inner css=”.vc_custom_1423060101952{margen superior: 5píxeles !importante;margin-right: 5píxeles !importante;margen inferior: 5píxeles !importante;margin-left: 5píxeles !importante;fondo acolchado: 15píxeles !importante;background-color: #ededed !importante;}”][vc_column_inner][vc_custom_heading texto=”Inner Row” fuente_contenedor=”etiqueta:h5|tamaño_fuente:18|alineación_texto:bien|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_column_text]

This content is placed in inner row for even more advanced styling.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/columna_vc][/vc_row][vc_row ancho_completo=”fila_estirada” paralaje=”movimiento de contenido” css=”.vc_custom_1430230577382{margen inferior: -1píxeles !importante;tapa acolchada: 35píxeles !importante;fondo acolchado: 45píxeles !importante;imagen de fondo: URL(http://vcpreview.com/80e7cd25e63ecf743e404978/wp-content/uploads/sites/23273/2015/01/background_flat.png?identificación=23) !importante;posición de fondo: centro;repetición de fondo: no repetir;tamaño de fondo:cubrir;}”][columna_vc][vc_custom_heading texto=”¿Quieres un poco más??” fuente_contenedor=”etiqueta:h4|tamaño_fuente:38|alineación_texto:centro|color:%23ffffff|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal”][vc_columna_texto css=”.vc_custom_1430235385941{margen inferior: 15píxeles !importante;}”]

¿Por qué no lo pruebas tú mismo?? Estás a solo un clic de tu demostración personal que te permitirá acceder a los elementos y ver lo fácil que es trabajar con Visual Composer Page Builder para WordPress..

[/vc_column_text][vc_btn título=”Iniciar mi sitio de demostración” estilo =”departamento” color =”rosa jugoso” tamaño =”LG” alinear =”centro” enlace=”||” el_class=”vcd_inicio”][/columna_vc][/vc_row]