El tema Genesis Enterprise Pro de WordPress es un bonito tema tipo business que muestra en su página inicial una imagen en grande y debajo 3 columnas con enlaces a distintas páginas.
Si queremos enlazar a más páginas en el inicio, a partir de 3 las mostrará en la fila de abajo. A continuación veremos como modificar el tema para que muestra 4 en la misma fila.
Vamos a la hoja de estilos style.css y comentaremos la clase .home-bottom .widget:nth-child(3n+1), en la línea 1390, que es la que realiza un salto de línea cuando ponemos más de 3 widgets:
.home-bottom .widget:nth-child(3n+1) {
clear: both;
margin-left: 0;
}Un poco más arriba, en el mismo style.css, modificaremos el width de la clase .home-bottom .widget, sobre la línea 1388 del archivo, cambiando el actual de 31.623931623931625% por un 22%:
.home-bottom .widget {
background-color: #fff;
border-radius: 3px;
border: 1px solid #ececec;
box-shadow: 0 1px #ececec;
float: left;
margin-left: 2.564102564102564%;
padding: 40px;
/*width: 31.623931623931625%;*/
width: 22%;
}
Deja una respuesta