-20% en un hosting WP español con soporte por teléfono
Concepto N.2 | Contenido vertical con imágenes al pasar el ratón
Gana
10 pts
Antes de empezar, te recomiendo guardar esta vitamina en tus marcadores del navegador para tenerlo a mano cuando lo necesites.
Mac: COMMAND + D | Windows: CTRL + D
Resumen
Ideal para presentar todo tipo de contenidos de forma visual: entradas, productos, proyectos etc
Beneficios
- Añade cualquier bloque de contenido
- Se puede ampliar con más secciones
- Implentación fácil con un poco de código
- Modifica los contenidos desde el editor
Requisitos
- Web en WordPress.org
- Alojamiento web propio
- Plugin Elementor Pro
- Editor de secciones
- Editor de contenedores
Limitaciones
- Tutoriales básicos de WordPress
- Tutoriales básicos de Elementor
- Personalización del recurso
EXCLUSIVO CLUB
Este contenido premium está disponible sólo para miembros del CLUB.
Introduce tus datos para visualizar el contenido o compra un pase para acceder a este contenido.
- Acceso a este contenido
- Foro individual para dudas
- Implementación en cualquier web
- Uso en sub/dominios ilimitados *
* Plan personal: soporte web: 1 / Plan profesional: soporte web: ∞
Material
Haz click en el siguiente botón para ir al apartado de descargas y acceder a los siguientes archivos:
- Concepto N.2 | Secciones (próximamente)
- Concepto N.2 | Contenedores
Elementos
Escritorio
Tableta
Móvil
Instrucciones
1. Copia y pega el siguiente código a tu web
Si vas a implementar este concepto en varias páginas, añade el código a nivel global (en vez de individualmente en cada página).
@media screen and (min-width: 991px) {
.samdigital-concepto-2 .elementor-widget-image {
opacity: 0;
}
}
.samdigital-concepto-2 .columna:hover img {
transform: scale(1.5);
transition: transform 2s cubic-bezier(.19,1,.22,1);
}
.samdigital-concepto-2 .columna:hover .elementor-widget-image {
opacity: 1;
}
.samdigital-concepto-2 .columna .elementor-widget-image .elementor-widget-container {
overflow: hidden;
}2. Modifica los contenidos
Haz click en cada elemento o capa desde el navegador para editar los contenidos y estilos.
3. Quita o añade elementos
Sólo tienes que hacer click con el botón derecho encima de cualquier capa para eliminar o duplicarla.
¡Espero que te haya sido de utilidad este recurso! Si eres miembro del club, cuéntame que te ha parecido en comentarios y recuerda de etiquetarme en Instagram stories @ceoweb.club para presentarte a mi comunidad <3
Tu feedback tiene recompensa
¿Lo has implementado? ¿Tienes alguna duda? Cuéntame aquí si eres miembro :)
¿Conoces a alguien que necesite ayuda para potenciar su web y quiera ahorrar miles de horas y euros en cursos de relleno o tutoriales sin soporte?
Invita a tus amigas a por un buen chute de vitaminas web y obtén puntos + euros por cada amiga que traigas al club de CEO WEB.
Accede a tu área de recomendaciones para obtener tu enlace personalizado.
