Centrar el logo de cabecera en blogger no me sale

  • Autor Autor AntonioJose
  • Fecha de inicio Fecha de inicio
AntonioJose

AntonioJose

Zeta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Tengo esta plantilla free (gratis)
intento centrar la cabecera y no me sale. no quiero usar el banner de anuncio si no centrar el blog pero no me da.
que hago?
adjunto la imagen.
tengo este codigo que tendria que modificar:

Insertar CODE, HTML o PHP:
#header-blog{height:140px;background-color:#fff;position:relative;overflow:hidden}
.header-content{margin:0 auto;overflow:hidden;height:130px}
.header-logo{width:250px;height:52px;float:left}
.header-logo img{height:auto;margin:55px 0 0;max-width:100%}
.Header h1{color:#010101;margin-bottom:10px;margin-top:32px;font-size: 40px;}
.header-ads{width:729px;max-width:100%;max-height:90px;float:right;margin:18px 0 0}
#header-navigation{margin:0 auto;top:0;height:55px;border-top: 1px solid #eee;
       box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    background: #fff;}

Captura.webp
 
Insertar CODE, HTML o PHP:
#header-blog{height:140px;background-color:#fff;position:relative;overflow:hidden}
.header-content{margin:0 auto;overflow:hidden;height:130px;text-align: center}
.header-logo{width:250px;height:52px;display: inline-block;}
.header-logo img{height:auto;margin:55px 0 0;max-width:100%}
.Header h1{color:#010101;margin-bottom:10px;margin-top:32px;font-size: 40px;}
.header-ads{width:729px;max-width:100%;max-height:90px;float:right;margin:18px 0 0}
#header-navigation{margin:0 auto;top:0;height:55px;border-top: 1px solid #eee;
       box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    background: #fff;}

y el ads lo quitas en el edtor y listo
 
Insertar CODE, HTML o PHP:
#header-blog{height:140px;background-color:#fff;position:relative;overflow:hidden}
.header-content{margin:0 auto;overflow:hidden;height:130px;text-align: center}
.header-logo{width:250px;height:52px;display: inline-block;}
.header-logo img{height:auto;margin:55px 0 0;max-width:100%}
.Header h1{color:#010101;margin-bottom:10px;margin-top:32px;font-size: 40px;}
.header-ads{width:729px;max-width:100%;max-height:90px;float:right;margin:18px 0 0}
#header-navigation{margin:0 auto;top:0;height:55px;border-top: 1px solid #eee;
       box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    background: #fff;}

y el ads lo quitas en el edtor y listo
como asi? como hago?
 
Insertar CODE, HTML o PHP:
#header-blog{height:140px;background-color:#fff;position:relative;overflow:hidden}
.header-content{margin:0 auto;overflow:hidden;height:130px;text-align: center}
.header-logo{width:250px;height:52px;display: inline-block;}
.header-logo img{height:auto;margin:55px 0 0;max-width:100%}
.Header h1{color:#010101;margin-bottom:10px;margin-top:32px;font-size: 40px;}
.header-ads{width:729px;max-width:100%;max-height:90px;float:right;margin:18px 0 0}
#header-navigation{margin:0 auto;top:0;height:55px;border-top: 1px solid #eee;
       box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    background: #fff;}

y el ads lo quitas en el edtor y listo
ahh ya comprendi amigo pero no se movio todo no quedo en el centro solo se movio un poquito.
 
usa el margin: 0 auto;
 
muchas gracias ya me funciono todo tema solucionado muy amables.
 
Atrás
Arriba