Etiqueta: CSS
Cambiar el botón del módulo buscar de Divi por un icono
Aprenderemos cómo sustituir el botón del módulo buscar de Divi por un icono. Lo haremos con un poco de CSS. Además, también lo vamos a personalizar con un poco de ajustes de diseño.
Leer másEl módulo acordeón de Divi. Todos los paneles cerrados de inicio
El módulo acordeón nos permite añadir tantos paneles con información como queramos. Una vez creado, cuando abrimos un panel, se cierra el que esté abierto previamente. Solo puede haber uno abierto.
Leer másTutorial Divi. 4 efectos de sombra para los titulares de texto
En este post vamos a compartir contigo algunos fragmentos de código CSS que nos permitirán aplicar interesantes efectos de sombra a los textos. Estos efectos se han extraído de la web codepen.io y la verdad es que son muy molones.
Leer másGalería Divi. Sombra flotante al pasar por cada imagen
Añadiremos un efecto de sombra flotante cuando pasemos por cada imagen de nuestra galería Divi. Esto dará cierta sensación de profundidad y mejorará la interactividad. También repasaremos algunas utilidades.
Leer más9 Efectos rollover en Divi para el módulo anuncio
Hace unos días un lector me propuso en el grupo de facebook donde compartimos trucos y tutoriales crear uno. Y, normalmente, si es posible y ningún proyecto me lo impide,accedo. Proponía un tutorial que explicase cómo hacer un cambio de color del icono de un módulo anuncio al pasar el ratón sobre él.
Leer másBloquear el diseño responsive en la vista de tablet con un poco de CSS en Divi
En ocasiones inventamos composiciones con varios módulos en distintas columnas que están pensadas para verse de una pieza. Y es para estas ocasiones para lo que puede ser útil bloquear el diseño responsive en algunos dispositivos.
Leer másEfecto de texto máquina de escribir en Divi
Bastarán tres módulos tipo código para generar la práctica. Sin necesidad de añadir código en ninguna otra parte. Soy bastante torpe con JavaScript, así que me gustó que fuese tan fácil adaptar este efecto a mis necesidades.
Leer másAñadir texto a la derecha del menú hamburguesa en móviles
Trasteando por la web, he encontrado algo que quiero compartir con vosotros. Un poquito de personalización de un menú hamburguesa. Esas tres rayitas en las que se transforma nuestro menú en los móviles.
Leer másCrear scroll sobre una imagen en Divi
En este post voy a compartir con vosotros el código CSS y los pasos a realizar para generar un scroll al pasar por una imagen. Imagina que queremos mostrar una plantilla web para que nuestro posible comprador la vea completa.
Leer másCrear efectos con CSS y Divi. Personalizar y animar el módulo persona de Divi.
Vamos a jugar con un poco de código CSS para cambiar el aspecto del módulo persona del tema Divi y crear una apariencia como la que puedes ver en la práctica terminada un poco más abajo.
Leer másCrear una galería en divi con efecto polaroid en las fotografías
Seguro que muchos recordáis aquellas fotografías que se hacían con las máquinas de fotos Polaroid. De modo que pensé que tal vez sería buena idea rescatar parte del artículo y adaptarlo para crear una especie de galeria con Divi.
Leer másInsertar citas (quotes) en nuestros textos con Divi y 6 diseños distintos.
Vamos a crear las citas (quotes) a partir de código CSS que te proporcionamos y que también comentamos para que puedas personalizarlas a tu gusto. Te proponemos 6 estilos y te iremos explicando algunas peculiaridades.
Leer más