Soporte » Diseño – Temas y plantillas » centrar content navbar

  • Resuelto dbetanc1

    (@dbetanc1)


    hola! necesito ayuda, estoy arrancando desde 0 un tema, y estoy usando el que sale desde 0 de themeshapper.com (por requerimientos no usar un framework, o un tema inicial, sino que debo hacerlo desde 0)

    y el menu principal (donde salen las paginas que tengo) no se centra a lo horizontal, sino que sale todo a la izquierda..

    de hecho lo mismo me pasa con el contenido de la pagina..

    ayuda

    http://thrive-consultants.com/

Viendo 2 respuestas - 1 de 2 (de 2 total)
  • maperezotero

    (@maperezotero)

    Hola, necesitas darle un ancho a la página.
    Cambia

    .site {
        margin: 1.5em auto;
        padding: 0;
    }

    por

    .site {
        margin: 1.5em auto;
        padding: 0;
        width: 960px; /* Pon la medida que quieras en pixels aquí */
    }

    Una vez que tienes el ancho una forma de centrar horizontalmente un contenido en css es la siguiente:

    #elemento-a-centrar {
    width: 900px; /* Es un ejemplo */
    margin: 0 auto; /* Esto centra cualquier display:block horizontalmente */
    }

    Si quisieras poner márgenes superiores o inferiores deberías añadir después del margin: 0 auto; margin-top: 10px; y margin-bottom: 10px. /* 10px es un ejemplo */

    Espero haberte aportado información útil, un cordial saludo.

Viendo 2 respuestas - 1 de 2 (de 2 total)
  • El debate ‘centrar content navbar’ está cerrado a nuevas respuestas.