Actualizado el 12/12/2016

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 Diseño Web

Caribdis Diseño Web

Ana Ayelén Martínez - Buenos Aires, Argentina
Técnica en Electromecánica, Periodista, entusiasta de los idiomas y enamorada de WordPress. Amante de la lectura, la música y el mate, y fanática de las series de J.J. Abrams.
Caribdis Diseño Web

Últimas entradas por Caribdis Diseño Web (ver todas)