Centrar los Widgets del tema Agama-
-
Hola
Mucho he podido leer sobre este problema y no doy con la solución almenos para el theme Agama.
En la versión escritorio viendo los widgets de la barra lateral, apenas se nota que no están centrados aunque depende de su anchura, pero en la versión móvil se aprecia claramente que los widgets de la barra lateral al verse debajo del contenido, se muestran todos a la izquierda, bien sea un widget incluido del tema o buen sea mediante HTML aunque lo envuelva con el atributo «text algin center» no hay forma de centrarlos.
Además de esto en la pagina de contacto donde tengo añadido un formulario de contacto mediante el Shortcode del plugin Contact form 7, al entrar desde la versión escritorio, también esto aparece a la izquierda.
Lo mismo ocurre con los títulos de cada widget aunque eso no me preocupa , lo que quiero es que queden los widgets centrados.Vamos que es obvio que a nadie le gusta que los widgets queden alineados a la izquierda dejando media pantalla vacia y descompensando el diseño, no entiendo como puede seguir este problema sin ofrecer una solución prácticamente fácil.
Por ello me gustaría saber como solucionarlo, si lo puedo hacer desde la edición del código del tema o de que manera ya que muchos widgets no muestran su código para editarlos y los que lo permiten no se pueden centrar.
Agradezco la atención, un saludo.
-
@ferrtx a todos los temas les pasa eso, centrar los widgets no me parece nada estético, pero es cuestión de gustos.
Prueba esto en CSS adicional:
@media (max-width: 768px) { .widget-area .widget, .widget-area .widget h3 { text-align:center; } }Las imágenes que añades a los widgets deben ser a tamaño completo para que funcione el responsive y se adapte a la pantalla del visitante. Si pones una imagen pequeña se quedará de ese tamaño.
Recuerda que el tema Agama Blue no es compatible con las versiones 5.0 en adelante y parece que el autor no tiene interés en actualizarlo. Lo digo porque todo ese trabajo que estás haciendo no te servirá de nada si el tema deja de funcionar bien en un futuro.
Es complicado por los diferentes anchos de los elementos que añades al widget.
Se me ocurre que pongas un ancho fijo para la columna de widgets de manera que puedas centrar un poco la misma.
El CSS Adicional quedaría asi:
@media (max-width: 768px) { #secondary { width: 250px; margin: 0px auto; } .widget-area .widget, .widget-area .widget h3 { text-align:center; } }Esto tiene un inconveniente y es que los elementos que añadas al widget, incluídas las imágenes, no superarán los 250 pixeles. Juega con los valores a ver que consigues.
- El debate ‘Centrar los Widgets del tema Agama-’ está cerrado a nuevas respuestas.