Hey babies! Hace ya cuatro años, subí un tutorial enseñando cómo subir o bajar el área de los posts y la sidebar, así que he pensado que sería interesante traer también el tutorial sobre cómo dividir los posts en cajas, es decir, que estén separados por un pequeño "hueco".
Dividir los posts
Vamos a nuestro HTML y buscamos lo siguiente:
.main-inner .column-center-outer {
Si no lo encontramos, podemos buscar:
.post-outer {
Y toda el área debe sustituirse por:
.post-outer {
background: #ffffff;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
}
El fondo y los márgenes se pueden ir modificando según nos interese
Dividir la sidebar
Primero hay que poner un fondo transparente, vamos a Diseño > Personalizar > Fondo de la columna lateral > Transparente.
Ahora sí vamos de nuevo a nuestro HTML y buscamos:
.sidebar .widget {
Y añadimos lo siguiente antes del corchete de cierre:
background: #ffffff;
padding: 5px 5px 5px 5px;
Si quieres cambiar la distancia entre los gadgets debes modificar lo que pone margin: 10px 0; y cambiarlo por lo siguiente, sustituyendo los valores por los que te interesan:
margin: 5px 5px 5px 5px;
Y listo, si tienes cualquier pregunta no dudes en hacerla en los comentarios (●ˇ∀ˇ●)
No hay comentarios:
Publicar un comentario
Hey! Si has llegado hasta aquí es porque has leído todo el post y si no, intenta hacerlo, tal vez haya escrito algo sobre mí, el blog o cualquier tema que a mi me parezca importante.
Aquí dejo algunos puntos a tener en cuenta a la hora de comentar:
★ Por favor, sé respetuoso/a.
★ Si tienes cualquier duda que no se pueda resolver por comentarios o cualquier pedido, hazlo en Contacto.
★ ¿Quieres afiliarte? Puedes dejar el link en la sección Afiliate.
★ ¡Gracias por visitar el blog!
Aquí dejo algunos Kaomojis por si quieres usarlos:
(* ^ ω ^) ☆ *:… o (≧ ▽ ≦) o…: * ☆ (o ^ ▽ ^ o) (‘. • ω •.`) (o · ω · o) (@ ^ – ^) ヽ (* · ω ·) ノヽ (o ^ – ^ o) ノ (^ 人 ^) (^ ▽ ^) (¯ ▽ ¯) (‘. • ᵕ •.`) (≧ ▽ ≦) / (♡ ˙)˙ ♡) (* ¯ ³ *) ♡ (* ♡ ∀ ♡) ♡ (¯ ▽ ¯) / ♡ (> ﹏ <) (; ⌣_⌣) (–_–) (╯_╰) (T_T) (╥ω╥) (O_O;) (⊙_⊙) (⌒ ▽ ⌒) (^ – ^ *) / (o’ω`o) ノ (✧∀✧) / (~ ▽ ¯) ~ (^ _ ^ ♪) (~ ˘ ▽ ˘) ~ (˘ ▽ ˘) っ (͡ ° ͜ʖ ͡ °)
O si estás usando Windows, usa la combinación de teclas Windows + . (punto) para otros símbolos y/o emojis.