Message box

[vc_row ancho_completo=”fila_estirada” paralaje=”movimiento de contenido” css=”.vc_custom_1430235677088{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 !importante;}”][columna_vc][vc_custom_heading texto=”Message Box” 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_1437477796714{margen superior: -15píxeles !importante;}”]Message Box element displays notifications like Information, Success, Warning, Error or custom message to drag user attention to his actions or provide useful tips.[/vc_column_text][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Default Message Box Elements” 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_1437477811299{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

Visual Composer offers Message Box presets that can be added to your page with few clicks. At the moment there are Information, Warning, Error and Success message boxes available out of the box displayed in Classic or Modern format.

[/vc_column_text][/columna_vc][/vc_row][vc_row][vc_columna ancho=”1/2″][vc_message color=”alert-info” message_box_color=”alert-info” icon_type=”pixelicones” icon_pixelicons=”vc_pixel_icon vc_pixel_icon-info”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”alert-warning” message_box_color=”alert-warning” icon_type=”pixelicones” icon_pixelicons=”vc_pixel_icon vc_pixel_icon-alert”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”alert-danger” message_box_color=”alert-danger” icon_type=”pixelicones” icon_pixelicons=”vc_pixel_icon vc_pixel_icon-explanation”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”alert-success” message_box_color=”alert-success” icon_type=”pixelicones” icon_pixelicons=”vc_pixel_icon vc_pixel_icon-tick”]I am message box. Click edit button to change this text.[/vc_message][/columna_vc][vc_columna ancho=”1/2″][vc_message color=”información”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”advertencia” message_box_color=”advertencia” icon_fontawesome=”fa fa-exclamation-triangle”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”éxito” message_box_color=”éxito” icon_fontawesome=”hace fa-check”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”peligro” message_box_color=”peligro” icon_fontawesome=”fa fa-times”]I am message box. Click edit button to change this text.[/vc_message][/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=”Message Box Styles” 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_1422628827521{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

Visual Composer defines 5 styles (Standard, Solid, Solid icon, Outline, 3D) y 3 shapes (Square, Rounded, Round) which can be easily combined to unique message box for your WordPress page.

[/vc_column_text][/columna_vc][/vc_row][vc_row][vc_columna ancho=”1/2″][vc_message color=”información” message_box_style=”solid”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”advertencia” message_box_style=”solid” estilo =”redondo” message_box_color=”advertencia” icon_fontawesome=”fa fa-exclamation-triangle”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”peligro” message_box_style=”solid” estilo =”cuadrado” message_box_color=”peligro” icon_fontawesome=”fa fa-times”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”éxito” message_box_style=”solid-icon” estilo =”cuadrado” message_box_color=”éxito” icon_fontawesome=”hace fa-check”]I am message box. Click edit button to change this text.[/vc_message][/columna_vc][vc_columna ancho=”1/2″][vc_message color=”información” message_box_style=”3d”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”advertencia” message_box_style=”describir” estilo =”cuadrado” message_box_color=”advertencia” icon_fontawesome=”fa fa-exclamation-triangle”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”éxito” estilo =”cuadrado” message_box_color=”éxito” icon_fontawesome=”hace fa-check”]I am message box. Click edit button to change this text.[/vc_message][vc_message color=”peligro” message_box_style=”solid-icon” estilo =”redondo” message_box_color=”peligro” icon_fontawesome=”fa fa-times”]I am message box. Click edit button to change this text.[/vc_message][/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=”Custom Icons and Colors” 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_1422629309274{fondo acolchado: 15píxeles !importante;}”][vc_column_text]

It is easy to apply custom icon to your message box by simply choosing icon library and selecting icon you wish to use for your message box. The same principles applies to color settings which allows you to use lots of predefined colors to style message box.

[/vc_column_text][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422634159841{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/2″][vc_message message_box_style=”solid” estilo =”redondo” message_box_color=”juicy_pink” icon_fontawesome=”fa fa-ban”]I am message box. Click edit button to change this text.[/vc_message][vc_message message_box_style=”solid-icon” estilo =”cuadrado” message_box_color=”chinos” icon_type=”error tipográfico” icon_entypo=”entypo-icon entypo-icon-pencil”]I am message box. Click edit button to change this text.[/vc_message][vc_message message_box_style=”solid” message_box_color=”sandy_brown” icon_type=”linecons” icon_linecons=”vc_li vc_li-heart”]I am message box. Click edit button to change this text.[/vc_message][vc_message message_box_style=”describir” message_box_color=”vista_blue” icon_type=”linecons” icon_linecons=”vc_li vc_li-bubble”]I am message box. Click edit button to change this text.[/vc_message][/columna_vc][vc_columna ancho=”1/2″][vc_message message_box_style=”solid” message_box_color=”azul” icon_fontawesome=”fa fa-anchor”]I am message box. Click edit button to change this text.[/vc_message][vc_message message_box_style=”3d” message_box_color=”advertencia” icon_fontawesome=”fa fa-cog”]I am message box. Click edit button to change this text.[/vc_message][vc_message style=”cuadrado” message_box_color=”verde” icon_type=”error tipográfico” icon_entypo=”icono-entypo ubicación-icono-entypo”]I am message box. Click edit button to change this text.[/vc_message][vc_message style=”cuadrado” message_box_color=”grey” icon_fontawesome=”fa fa-graduation-cap”]I am message box. Click edit button to change this text.[/vc_message][/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/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=”¿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_1430235700796{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]