Layout and text
[vc_row full_width= »stretch_row » parallaxe= »déplacement de contenu » CSS= ».vc_custom_1430235361899{rembourrage: 35pixels !important;fond de rembourrage: 60pixels !important;image de fond: URL(‘http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!important ;position d'arrière-plan: centre;Répétition du fond: sans répétition;taille d'arrière-plan:couverture;} »][vc_column][vc_custom_heading text= »Row, Column Layouts and Text » font_container= »étiquette:h2|taille de police:46|text_align:la gauche|Couleur:%23ffffff|hauteur de la ligne:1.5″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:700%20gras normal:700:normal »][vc_separator align= »alignez à gauche » border_width= »3″ el_width= »50″ el_class= »séparateur dans le titre »][vc_column_text css= ».vc_custom_1437477631561{marge supérieure: -15pixels !important;} »]Responsive WordPress pages and posts based on Bootstrap grid using row and column principles.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text= »Rows, Columns and Text Layout » font_container= »étiquette:h3|taille de police:38|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal » CSS= ».vc_custom_1437477637442{fond de rembourrage: 15pixels !important;} »][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][/vc_column][/vc_row][vc_ligne css= ».vc_custom_1422959791599{fond de rembourrage: 35pixels !important;} »][vc_column width= »1/2″][vc_custom_heading text= »First Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/2″][vc_custom_heading text= »Second Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][/vc_row][vc_ligne css= ».vc_custom_1422959791599{fond de rembourrage: 35pixels !important;} »][vc_column width= »2/3″][vc_custom_heading text= »First Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/3″][vc_custom_heading text= »Second Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][/vc_row][vc_ligne css= ».vc_custom_1422959791599{fond de rembourrage: 35pixels !important;} »][vc_column width= »1/3″][vc_custom_heading text= »First Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/3″][vc_custom_heading text= »Second Column » font_container= »étiquette:h5|taille de police:18|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/3″][vc_custom_heading text= »Third Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][/vc_row][vc_ligne css= ».vc_custom_1422959791599{fond de rembourrage: 35pixels !important;} »][vc_column width= »1/6″][vc_custom_heading text= »First Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/6″][vc_custom_heading text= »Second Column » font_container= »étiquette:h5|taille de police:18|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/6″][vc_custom_heading text= »Third Column » font_container= »étiquette:h5|taille de police:18|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/6″][vc_custom_heading text= »Fourth Column » font_container= »étiquette:h5|taille de police:18|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/6″][vc_custom_heading text= »Fifth Column » font_container= »étiquette:h5|taille de police:18|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/6″][vc_custom_heading text= »Sixth Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][/vc_row][vc_row full_width= »stretch_row_content_no_spaces »][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text= »Row and Column Styling » font_container= »étiquette:h3|taille de police:38|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal » CSS= ».vc_custom_1437477644576{fond de rembourrage: 15pixels !important;} »][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][/vc_column][/vc_row][vc_ligne css= ».vc_custom_1423056729606{marge inférieure: 35pixels !important;border-top-width: 1pixels !important;border-right-width: 1pixels !important;border-bottom-width: 1pixels !important;border-left-width: 1pixels !important;fond de rembourrage: 10pixels !important;background-color: #f7f7f7 !important;border-left-color: #bababa !important;border-left-style: dotted !important;border-right-color: #bababa !important;border-right-style: dotted !important;border-top-color: #bababa !important;border-top-style: dotted !important;border-bottom-color: #bababa !important;border-bottom-style: dotted !important;} »][vc_column width= »1/2″][vc_custom_heading text= »First Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/2″][vc_custom_heading text= »Second Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][/vc_row][vc_ligne css= ».vc_custom_1423056439945{fond de rembourrage: 35pixels !important;} »][vc_column width= »1/2″ CSS= ».vc_custom_1423058748145{border-top-width: 1pixels !important;border-right-width: 1pixels !important;border-bottom-width: 1pixels !important;border-left-width: 1pixels !important;rembourrage: 15pixels !important;padding-right: 15pixels !important;fond de rembourrage: 15pixels !important;padding-left: 15pixels !important;background-color: #f7f7f7 !important;border-left-color: #bababa !important;border-left-style: solide !important;border-right-color: #bababa !important;border-right-style: solide !important;border-top-color: #bababa !important;border-top-style: solide !important;border-bottom-color: #bababa !important;border-bottom-style: solide !important;} »][vc_custom_heading text= »First Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal »][vc_column_text]
Il y a 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][/vc_column][vc_column width= »1/2″ CSS= ».vc_custom_1423058737165{border-top-width: 1pixels !important;border-right-width: 1pixels !important;border-bottom-width: 1pixels !important;border-left-width: 1pixels !important;rembourrage: 15pixels !important;padding-right: 15pixels !important;fond de rembourrage: 15pixels !important;padding-left: 15pixels !important;background-color: #f7f7f7 !important;border-left-color: #bababa !important;border-left-style: solide !important;border-right-color: #bababa !important;border-right-style: solide !important;border-top-color: #bababa !important;border-top-style: solide !important;border-bottom-color: #bababa !important;border-bottom-style: solide !important;} »][vc_custom_heading text= »Second Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal »][vc_column_text]
Il y a 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][/vc_column][/vc_row][vc_row full_width= »stretch_row_content_no_spaces »][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text= »Full Width Rows » font_container= »étiquette:h3|taille de police:38|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal » CSS= ».vc_custom_1437477651123{fond de rembourrage: 15pixels !important;} »][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][/vc_column][/vc_row][vc_row full_width= »stretch_row » CSS= ».vc_custom_1423057236863{rembourrage: 35pixels !important;fond de rembourrage: 35pixels !important;background-color: #f7f7f7 !important;} »][vc_column width= »1/2″][vc_custom_heading text= »First Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/2″][vc_custom_heading text= »Second Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][/vc_row][vc_row full_width= »stretch_row_content » CSS= ».vc_custom_1423057310324{rembourrage: 35pixels !important;fond de rembourrage: 35pixels !important;background-color: #f7f7f7 !important;} »][vc_column width= »1/2″][vc_custom_heading text= »First Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/2″][vc_custom_heading text= »Second Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][/vc_row][vc_row full_width= »stretch_row_content_no_spaces »][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text= »Responsive Rows and Columns » font_container= »étiquette:h3|taille de police:38|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal » CSS= ».vc_custom_1437477660482{fond de rembourrage: 15pixels !important;} »][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][/vc_column][/vc_row][vc_ligne css= ».vc_custom_1422959791599{fond de rembourrage: 35pixels !important;} »][vc_column offset= »vc_col-lg-6 vc_col-md-6 vc_col-xs-12″][vc_custom_heading text= »First Responsive Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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. en outre – visible column size will take all available space.
[/vc_column_text][/vc_column][vc_column width= »1/2″ offset= »vc_hidden-sm vc_hidden-xs »][vc_custom_heading text= »Second Responsive Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][/vc_row][vc_row full_width= »stretch_row_content_no_spaces »][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text= »Multiline Rows » font_container= »étiquette:h3|taille de police:38|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal » CSS= ».vc_custom_1437477671777{fond de rembourrage: 15pixels !important;} »][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][/vc_column][/vc_row][vc_ligne css= ».vc_custom_1422959791599{fond de rembourrage: 35pixels !important;} »][vc_column width= »1/2″][vc_custom_heading text= »First Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/2″][vc_custom_heading text= »Second Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column][vc_custom_heading text= »Third Column » font_container= »étiquette:h5|taille de police:18|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][/vc_row][vc_row full_width= »stretch_row » parallaxe= »content-moving-fade » parallax_image= »23″ CSS= ».vc_custom_1435763671423{marge inférieure: 0pixels !important;rembourrage: 35pixels !important;fond de rembourrage: 45pixels !important;} »][vc_column][vc_custom_heading text= »Parallax Row with Background » font_container= »étiquette:h3|taille de police:38|text_align:centre|Couleur:%23ffffff|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal » CSS= ».vc_custom_1437477677558{fond de rembourrage: 15pixels !important;} »][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][/vc_column][/vc_row][vc_row full_width= »stretch_row » video_bg= »Oui » video_bg_parallax= »déplacement de contenu » CSS= ».vc_custom_1435763664790{marge inférieure: 0pixels !important;rembourrage: 135pixels !important;fond de rembourrage: 145pixels !important;} »][vc_column][vc_custom_heading text= »Video Background With Parallax Row » font_container= »étiquette:h3|taille de police:38|text_align:centre|Couleur:%23ffffff|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal » CSS= ».vc_custom_1437477684828{fond de rembourrage: 15pixels !important;} »][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][/vc_column][/vc_row][vc_row full_width= »stretch_row » full_height= »Oui » parallaxe= »déplacement de contenu » parallax_image= »23″][vc_column][vc_custom_heading text= »Full Height Row » font_container= »étiquette:h3|taille de police:38|text_align:centre|Couleur:%23ffffff|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal » CSS= ».vc_custom_1437477691161{fond de rembourrage: 15pixels !important;} »][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][titre vc_btn= »Lancer mon site de démonstration » style= »appartement » couleur= »rose juteux » taille= »lg » aligner= »centre » lien= »|| » el_class= »vcd_start »][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text= »Inner Row and Column » font_container= »étiquette:h3|taille de police:38|text_align:centre|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal » CSS= ».vc_custom_1437477697742{fond de rembourrage: 15pixels !important;} »][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][/vc_column][/vc_row][vc_ligne css= ».vc_custom_1423059422056{fond de rembourrage: 35pixels !important;background-color: #f7f7f7 !important;} »][vc_column width= »1/2″][vc_custom_heading text= »First Column » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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{marge supérieure: 5pixels !important;margin-right: 5pixels !important;marge inférieure: 5pixels !important;margin-left: 5pixels !important;fond de rembourrage: 15pixels !important;background-color: #ededed !important;} »][vc_column_inner][vc_custom_heading text= »Inner Row » font_container= »étiquette:h5|taille de police:18|text_align:la gauche|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][vc_column width= »1/2″][vc_custom_heading text= »Second Column » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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{marge supérieure: 5pixels !important;margin-right: 5pixels !important;marge inférieure: 5pixels !important;margin-left: 5pixels !important;fond de rembourrage: 15pixels !important;background-color: #ededed !important;} »][vc_column_inner][vc_custom_heading text= »Inner Row » font_container= »étiquette:h5|taille de police:18|text_align:right|Couleur:%233a3a3a|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal: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][/vc_column][/vc_row][vc_row full_width= »stretch_row » parallaxe= »déplacement de contenu » CSS= ».vc_custom_1430230577382{marge inférieure: -1pixels !important;rembourrage: 35pixels !important;fond de rembourrage: 45pixels !important;image de fond: URL(http://vcpreview.com/80e7cd25e63ecf743e404978/wp-content/uploads/sites/23273/2015/01/background_flat.png?id=23) !important;position d'arrière-plan: centre;Répétition du fond: sans répétition;taille d'arrière-plan:couverture;} »][vc_column][vc_custom_heading text= »Vouloir plus? » font_container= »étiquette:h4|taille de police:38|text_align:centre|Couleur:%23ffffff|hauteur de la ligne:1.2″ google_fonts= »famille de polices:Lato:100,100italique,300,300italique,régulier,italique,700,700italique,900,900italique|le style de police:400%20normal:400:normal »][vc_column_text css= ».vc_custom_1430235385941{marge inférieure: 15pixels !important;} »]
Why don’t you test it yourself? Vous n'êtes qu'à un clic de votre démo personnelle qui vous permet d'accéder aux éléments et de voir à quel point il est facile de travailler avec Visual Composer Page Builder pour WordPress.
[/vc_column_text][titre vc_btn= »Lancer mon site de démonstration » style= »appartement » couleur= »rose juteux » taille= »lg » aligner= »centre » lien= »|| » el_class= »vcd_start »][/vc_column][/vc_row]
