Avisos
Vaciar todo

Centrado elementos en la página web

4 Respuestas
2 Usuarios
0 Reactions
1,086 Visitas
 Laia
Respuestas: 36
Eminent Member
Topic starter
 

Hola!
Recientemente estamos haciendo cambios en nuestra web y nos hemos encontrado un problema y es que los elementos que antes estaban centrados en la web ahora aparecen descentrado, me explico:
Introducimos un buscador en nuestra página web (a través de una plataforma, los técnicos introdujeron el código sin nosotros tocar nada) y se nos cambiaron algunos elementos de la misma que cambiaron su posición, después introdujimos nuestro propio calendario (cómo se puede ver en una de las imágenes) a través del plug-in WP Booking Calendar y lo centramos con el código

y todo parecía funcionar. Después nos quitaron el buscador 'externo' y lo que anteriormente habíamos centrado con las etiquetas ahora vuelve a aparecer descentrado (pero mantiene las etiquetas que no actúan para nada) y algunos elementos más de la web han cambiado o han vuelto a su posición 'original'. Ahora lo que pretendemos es volver a centrar los elementos que aparecen en la captura pero las etiquetas no funcionan (antes sí lo hacían, no entiendo porqué ahora ya no) y quisiéramos saber de qué manera podemos solucionarlo. Estamos operando a través de código HTML pero tampoco somos unos expertos en el tema y vamos un poco perdidos por eso recurrimos a vosotros para ver si nos podéis ayudar en este tema. Si necesitáis cualquier otra información no dudéis en pedírnosla.

Muchísimas gracias!

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 20/04/2017 12:42 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Entiendo que quieres centrar este calendario:
Contenido solo visible a usuarios registrados

Puedes probar con el siguiente código CSS

span.wpdevelop .bk_calendar_frame{
  margin:auto;
}

Puedes agregar este código al final de algún archivo CSS, por ejemplo
/wp-content/themes/quicksale/style.css

Documenta este cambio porque al actualizar tu theme posiblemente tengas que hacerlo nuevamente.

PD. Para ver los cambios refresca tu navegador o limpia la cache.

Saludos.


 
Respondido : 20/04/2017 7:27 pm
 Laia
Respuestas: 36
Eminent Member
Topic starter
 

Buenos días,
Muchas gracias John, he copiado el código en la hoja de estilo y ha funcionado! Pero ahora, al tener centrado ese elemento ha surgido un problema inesperado y es que el tamaño de la letra del main menú se ha reducido considerablemente (ver captura de pantalla 1), cómo puedo modificarlo a través (supongo) de la hoja de estilos? Y también se ha descentrado el siguiente código del link al Google Maps:

¿Qué código podría introducir en el style.css para centrarlo igual que el calendario?

Muchas gracias!


 
Respondido : 21/04/2017 9:22 am
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Pero eso que comentas no creo que tenga que ver con el código de centrado, te sugiero eliminar el código que te he dado y verificar ya que es muy raro que afecte a lo que comentas.

ES posible también que hayas tocado algo de manera accidental en tu archivo style.css te sugiero recuperar una copia del mismo.

Saludos.


 
Respondido : 21/04/2017 4:40 pm