¡Zelle Lite (ex Zerif) ya no se actualiza! Ahora están...

Tema Hestia Hestia

Multipropósito
Adaptable a todos los dispositivos
Fácil de configurar

Más opciones en Hestia Pro

Tema Hestia Neve

Súper rápido
Compatible con AMP
Hecho para Elementor

Más opciones en Neve Pro

Astra Pro

Para cerrar un mes con mucho trabajo (de ahí las pocas entradas compartidas en el blog), reanudamos la serie de tutoriales dedicados al tema estrella de ThemeIsle, Zerif Lite. En esta oportunidad veremos cómo usar bordes cuadrados en lugar de los circulares predeterminados.

Ya que solo haremos modificaciones de estilo no es necesario crear un tema hijo. Bastará con añadir los códigos en el recuadro CSS adicional del Personalizador.

La sección Nuestro enfoque se ve así:

zerif-borders01

En la hoja de estilos del tema hijo, o en el recuadro CSS adicional dentro del Personalizador, tenemos que pegar el siguiente código:

.focus-box .service-icon {
    border-radius: 0;
}

.focus-box .service-icon .pixeden {
    border-radius: 0;
}

El resultado:

zerif-borders02

Para que las fotos de la sección Nuestro equipo también se vean cuadradas, pegaremos el siguiente código:

.team-member .profile-pic {
    border-radius: 0;
}

Zerif-borders-01

Se transformará en:

Zerif-borders-02

Y por último, para los avatares de los testimonios:

.feedback-box .client-image {
    border-radius: 0;
}

zerif-borders03

Se verá así:

zerif-borders04

Tutorial original en inglés: How to change circle into square in Zerif

Caribdis.Net