Reduza a largura do Header do seu site

  • Autor Autor Abel Chavez
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Abel Chavez

Abel Chavez

1
Ni
Redactor
Verificado
Verificación en dos pasos activada
Verificado por Binance
Suscripción a IA
Hola, he tratado de cambiar el ancho de mi header, para hacerlo un poco mas delgado, ya que he visto que en realidad es muy ancho y roba mucho la atencion de los visitantes, pero por mas que he tratado no he encontrado el atributo para hacerlo, les dejo lo unico que he encontrado dentro de la hoja de estilos (style.css)

Inserir CODE, HTML ou PHP:
#header{display:block;position:relative;z-index:5;}

#header p.nav-extra{position:absolute;top:-25px;z-index:10;right:10px;}
#header a.nav-extra{width:64px;height:36px;display:block;float:right;margin-left:6px;}
#header a.nav-extra span{display:none;}

/*** LOGO & HEADLINE ***/

#site-title{padding:4em 0 3.6em 0;}
#site-title #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px;}
#site-title #logo a{color:#fff;text-decoration:none;text-shadow:#000 1px 1px 1px;font-variant:small-caps;letter-spacing:-0.04em;}
#site-title #logo a:hover{color:#ed1e24;}
#site-title p.headline{float:left;border-left:1px solid #999;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:140%;line-height:64px;letter-spacing:0.4em;}

La verdad que no quiero cambiar de theme, porque el actual me gusta, pero si no hay mas remedio, pues tendre que hacerlo, en ese caso, cual me recomendarian, que sea Adsense ready !

Muchas gracias de antemano a todos por la ayuda que puedan brindarme, si necesitan ver el sitio en vivo, es este: Tecnología para tu vida diaria

Nadie que me ayude ???
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
En este momento, las cosas más grande en el header es el logotipo y el slogan. Reduces el tamaño del logotipo por la mitad., y el "line-height" del elemento "#site-title p.headline"... Tambien te puedes reducir el padding de tu pagina.

Logotipo : 100 x 320

#site-title p.headline {
line-height: 64px; *eliminar*
font-size: 100%;
}

#site-title {
padding: 1em 0px 3.6em;
}

Te puedes ver la prevista con los cambios de arriba... -> Twitpic - Share photos on Twitter

Espero que esto te ayuda.
 
Oye, muchas gracias ! lo intento y te cuento los resultados !! Gracias de nueva cuenta !!!!
 
Dime si se soluciono así, porque hay mas maneras.

Un Saludo
 
Dime si se soluciono así, porque hay mas maneras.

Un Saludo

Hola, he seguido los pasos anteriores, pero no logro que quede como yo quiero, no se si lo este haciendo mal, no creo, porque borre lo que habia que borrar y modifique el porcentaje a la letra, espero me puedan ayudar !
 
Voltar
Topo