2 may 2021

Subir o bajar área de post y sidebar

|| ||


Hey babies! Hoy traigo un tutorial super útil para todos aquellos que necesiten, como bien dice en el título del post, subir/bajar la sidebar (o barra lateral), así como también el área de post de nuestro blog, porque a veces queremos hacer algo en específico en nuestro diseño y justo esas zonas no nos lo permiten o quedan raras, así que vamos a aprender cómo subir o bajar ambas áreas. Let's go!

Área de post

Vamos a Tema > Personalizar > Editar HTML y buscamos una de estas dos opciones (si no está una, estará la otra):
.main-inner .column-center-outer {
Ó
.post-outer {

Y antes de } colocamos lo siguiente:

margin-top: -100px;


Hecho eso sólo tenemos que ir cambiando ese -100 por otros números para ir ajustándolo como más nos interese o hasta quitarle el signo de menos para que se vaya para abajo, pero eso depende de cada cual.

Sidebar

En este caso vamos a buscar dos cosas:

Si tienes la sidebar en el lado izquierdo:
.main-inner .column-left-outer {
Y
.main-inner .fauxcolumn-left-outer { 
Y si tienes la sidebar en el lado derecho:
.main-inner .column-right-outer {
Y
.main-inner .fauxcolumn-right-outer { 

En ambos casos, como antes, colocamos lo siguiente antes de }:
margin-top: -100px;

En el caso de la sidebar, también la podemos mover de un lado a otro añadiendo también:

margin-left: -35px;

También se puede cambiar el left por right así como el -35.


RECUERDA: Para subir, los números deben ser negativos y para bajar tienen que ser positivos. Si quieres volver atrás, simplemente borra esa línea de código (no borres el } o la liarás) o sino cambia el -100 por un 0 (cero).


Y hasta aquí el tutorial de hoy. Espero que me haya explicado bien y que se entienda (a veces soy como un libro cerrado), pero aún así, si tenéis cualquier duda, no dudéis en comentarlo ^-^.

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.