Hola chicos, En este vídeo os explico como podéis cambiar el color por css de los iconos SVG. En un tutorial anterior explico como cambiar el propio fichero SVG El problema de ese método es que si tienes que cambiar el color a muchos iconos tienes que hacerlo icono por icono, en cambio con este […]
Como seleccionar un elemento en CSS si no sabemos su Clase o Identificador
Suscríbete a mi canal: Recursos Utilizados: Ayuda en Stackoverflow Ayuda en CSS Selector Reference
Crear Tablas de contenido con Diseño Personalizado
Hola Chicos, Hoy os traigo un tutorial muy chulo, vamos a ver como podemos convertir una tabla de contenidos de WordPress aburrida en una tabla de contenidos bien chula. Navegando por internet me encontré con la siguiente tabla de contenidos de MyThemeShop: Comparada con la típica tabla de contenidos que estamos acostumbrados a ver no […]
Cómo añadir un elemento destacado en el menú de WordPress
En este tutorial vamos a ver como podemos añadir un item del menú destacado. Lo podemos usar para indicar que un elemento es nuevo o cualquier otra cosa que se te ocurra. Además lo vamos a hacer sin ningún plugin, lo vamos a hacer con un poco de código css que encontrarás en este mismo […]
Añadir o reemplazar texto por CSS
Hola Chicos, En este tutorial vamos a ver como podemos añadir un texto a través de CSS, incluso como reemplazo un texto existente. Por supuesto hay otros métodos mejores, modificando el php (si tu web está hecha con WordPress) pero si queremos una solución rápida o no sabemos hacerlo de otra forma nos puede sacar […]
Crear Zoom en Imágenes con CSS al pasar el ratón (Hover) en WordPress
Hola Chicos, Hoy os traigo un tutorial muy sencillo pero creo que os puede resultar de mucha utilidad. Vamos a ver como podemos crear una imagen con zoom al pasar el ratón por encima como la siguiente: Tutorial en Vídeo Suscríbete a mi canal: Lo primero que vamos a hacer es añadir una clase a […]
Como añadir botón de búsqueda en el buscador personalizado de Listable
Estamos haciendo una serie de tutoriales para crear un buscador personalizado en listable. Cómo ya sabrás si has seguido los anteriores tutoriales nos estamos apoyando en el plugin FacetWP para hacerlo. En este tutorial hemos visto como crearlo pero ahora estamos añadiendo el botón de búsqueda, para que tenga el mismo comportamiento que el buscador […]
Truco CSS para alinear imágenes distintas de forma sencilla sin distorsión
En muchas ocasiones nos encontramos con que tenemos que presentar de forma ordenada imágenes muy distintas entre si, por lo que queremos alinearlas horizontal y verticalmente. ¿Cuál es el problema? Que si forzamos un ancho y alto fijo las imágenes se distorsionan si son de deferente proporción. Aquí tienes el tutorial en vídeo: Suscríbete a […]
Curso CSS para WordPress: Styles, Display: none e !Important
Seguimos con el curso de CSS de Guerrilla para WordPress. Hoy os traigo dos nuevas lecciones con trucos o formas de usar CSS «poco ortodoxas» cuando el resto de métodos fallan. Recordemos que este curso es de «Guerrilla», es decir, salir aioros en cualquier situación. 04 Diferencia entre Clases, IDs y Style En esta lección […]
Curso CSS para WordPress: IDs y Clases
Seguimos con el curso de CSS de Guerrilla para WordPress. En esta ocasión vamos a seguir viendo los selectores, concretamente el uso de las clases y los identificadores. Veremos como con la ayuda de las clases podemos cambiar el diseño de partes concretas de nuestra web de forma muy sencilla. También aprenderemos cuando usar clases […]