08 mayo 2017

Cómo centrar las pestañas de las páginas


Hoy vamos con un tutorial que, aunque parezca una tontería, para mí es fundamental... y es cómo centrar las pestañas de las páginas. Y es que por defecto, vienen alineadas a la izquierda, así:




pero yo como soy tan perfeccionista, me gusta todo centrado. 


Y ahora vamos al lío:
  • Nos vamos al diseñador de plantillas.


  • Avanzado
  • Añadir CSS




Y copiamos dentro de la cajita:

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}


  • Si en un caso, ya tenemos allí copiado más códigos, lo único que tenemos que hacer es das un par de intros después de la última } y copiar éste código.
  • Le dáis a vista previa antes de guardar, SIEMPRE, para comprobar que os ha salido.
  • Una vez lo tengáis guardáis cambios y ya está! vuestras pestañas quedarán centradas.


Y si lo que queréis es centrarlas a la derecha, en vez del código anterior, copiais éste:

.PageList {text-align:right !important;}

.PageList li {display:inline !important; float:none !important;}


¿Qué os parece? más fácil imposible.


Related Posts Plugin for WordPress, Blogger...