Problema com altura do header em theme modificado

  • Autor Autor Combex
  • 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
Combex

Combex

Gamma
Redactor
Alguien podra ayudarme con esto? Hoy estoy muy pedigüeño 😀

Enlace eliminado

Como veran en el screen, el theme original traia un header muy alto que modifique y lo hice mas bajo. El problema es que al reemplazar la imagen se separaron las dos partes del header y en definitiva al quedar esos espacios, el header ocupa el mismo alto.

Como puedo hacer para unirlos y que las entradas comiencen justo debajo del header para ahorrar espacio?

Gracias!!
 
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
Modificaste el tamaño (alto) del header en style.css?
 
Gracias Publi sos un genio!!!

Ahora lo que me faltaria es poder subir un poco el contenido y reducir el espacio que quedó. Intenté buscarlo en el css como me dijiste para el header pero no lo encontré.

Por las dudas si alguien sabe lo copio aqui:

Inserir CODE, HTML ou PHP:
/**************** Body *********************/
* { margin:0; padding:0;}
body { font-size: 9pt; font-family: Arial,sans-serif; color: #333; line-height: 140%; background:#50504f; }
#wrapper { margin: 5px auto; padding: 0px; width: 964px; background: #fff url(images/wrapper_top.gif) no-repeat top; }
#top { margin: 0px auto; padding: 20px 0 0 0; width:938px; height: 180px; }
 
/**************** Header *********************/
#header {margin:0;padding:0; width:938px;}
#header h1 {text-indent:-10000px;margin:0;padding:0;}
#header h1 a {display:block;background:url(images/header.gif) no-repeat left;height:126px;}
 
/**************** Navigation *********************/
#navbar { margin: 0px auto; padding: 0px; width:938px; height: 31px; background: url(images/navbar.gif) no-repeat;}
#menu {margin: 0px; padding: 0px; float: left; width: 500px; height:31px;line-height:31px;}
ul.menu{float:left;list-style:none;font-size:12px;font-weight:normal;text-transform:uppercase;margin:0 0 0 5px;padding:0;}
ul.menu li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.menu li a,ul.menu li a:link,ul.menu li a:visited{border-bottom:0;border-left:0;color:#333;float:left;display:block;text-decoration:none;padding:0 5px;}
ul.menu li a:hover,ul.menu li a:active{background:#fff;color:#555;text-decoration:none; color:#336699;}
ul.menu li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.menu li ul{float:left;margin:0;padding:0;}
 
/**************** Search *********************/
#searchrss { margin: 0px; padding: 0px; float: right; width: 420px; text-align:right; }
#rss { color:#333; float:left; line-height:32px; background:url(images/rss.gif) no-repeat left; padding-left:20px; padding-right:10px; font-size:11px;}
#rss a,#rss a:link, #rss a:visited {  color:#333; text-decoration: none; padding:0;} 
#rss a:hover { color: #0e4761; text-decoration: none; padding:0;}
#topsearch { float:right; width: 230px; height: 22px; font-size:8pt; background: url(images/bg_search_box.gif) no-repeat; margin:5px 0 0 0; }
#topsearch #ls { float: left; padding: 0; margin: 3px 0 0 6px; border: 0; width: 145px; font-size:8pt; background: none; }
#topsearch #go { float: right; margin: 0 6px 0 0; }
 
/**************** Content *********************/
#main { margin: 0px auto; padding: 10px 0 0 0; width:938px; background:url(images/mainbkg.gif) repeat-y;}
#content { margin: 0px; padding: 0px; float: left; width: 735px;}
 
/**************** Themes *********************/
#lsidebar { margin: 0px; padding: 0px; float: left; width: 235px; }
.lsidebar { margin:0; padding:0;float: left; width: 210px; }
.lsidebar a, .sidebar h2 a:visited{ color: #666; text-decoration: none; font-weight:bold; }
.lsidebar a:hover{ text-decoration: none; color: #000; }
.lsidebar ul{ list-style-type: none; margin: 0; padding: 0;}
.lsidebar ul li{ margin: 0 0 20px; }
.lsidebar ul li h2{ padding:5px; font-size:12px; font-weight:bold; text-transform: uppercase; color: #fff; background:url(images/lsidebarh2.gif) no-repeat;}
.lsidebar ul ul{ padding: 4px 11px 11px; background: #eaeaea url(images/sidebar-bottom.gif) no-repeat bottom; }
.lsidebar ul ul li{ margin: 0; padding: 0 0 0 16px; line-height: 22px; border-bottom:2px solid #fff; background: url(images/bullet.gif) no-repeat 0px 5px; }
.lsidebar ul ul li.quicksms{ margin: 0; padding:0; line-height: 22px; background:none;}
.lsidebar ul ul ul{ border: 0; padding: 0; background-image: none; }
.lsidebar ul ul ul li{ padding: 0 0 0 10px;; background-image: none; }
 
/**************** Entry *********************/
 
.entry { margin: 0px; padding: 0px; float: right; width: 500px; }
.entry a, .entry a:link  {  color:#666; text-decoration: none; padding:0; border-bottom:1px dotted #006699; font-weight:bold;} 
.entry a:hover, .entry a:visited { color: #336699; text-decoration: none; padding:0;}
.entry h2 { font-size:17px; margin:0; padding:0 0 5px 0;}
.entry p {margin:0; padding:0 0 10px 0;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.line { background:url(images/dot.gif) repeat-x; margin:10px 0 0 0; padding:0 0 20px 0; }
 

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright{float:right;}
.alignleft{float:left;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #f3f2ed}
code {font-size:1.0em;color: #000}
 
/**************** Comments *********************/
#commentsbox { margin: 0px; padding: 0px; float: left; width: 500px; font-size:11px;}
#comments h2{margin:10px 0 0 0; padding:0; color:#ff5c00; font-size:14px; font-weight:normal;}
h3 #respond  {margin:10px 0 0 0; padding:0; color:#ff5c00; font-size:14px; font-weight:normal;}
.boxcomments{margin-bottom:20px;width:500px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0; }
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist li{border-bottom:20px solid #fff;display:block;list-style:none;margin:0;padding:5px 15px 1px; background:#f2f8ff;}
ol.commentlist li.mycomment{border-bottom:20px solid #fff;display:block;list-style:none;margin:0;padding:5px 15px 1px; background:#f3fdff;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.tblist{list-style:none;margin:0 0 1px;padding:0;}
ol.tblist li{display:block;list-style:none;padding:10px 5px 10px 5px;margin:0 0 5px; border:1px dashed #ccc;}
input#url,input#author,input#email,textarea{color:#666;width:40%;border:1px solid #cbcbcb;margin-bottom:0.6em;background:#fcfcfc;margin-top:2px;padding:3px;}
 

/**************** Sidebar *********************/
#sidebar { margin: 0px; padding: 0px; float: right; width: 200px; }
.rsidebar { margin:0; padding:0;float: right; width: 180px; }
.rsidebar a, .sidebar h2 a:visited{ color: #666; text-decoration: none; font-weight:bold; }
.rsidebar a:hover{ text-decoration: none; color: #000; }
.rsidebar ul{ list-style-type: none; margin: 0; padding: 0;}
.rsidebar ul li{ margin: 0 0 20px; }
.rsidebar ul li h2{ padding:5px; font-size:12px; font-weight:bold; text-transform: uppercase; color: #fff; background:url(images/sidebarh2.gif) no-repeat;}
.rsidebar ul ul{ padding: 4px 11px 11px; background: #eaeaea url(images/sidebar-bottom.gif) no-repeat bottom; }
.rsidebar ul ul li{ margin: 0; padding: 0 0 0 16px; line-height: 22px; border-bottom:2px solid #fff; background: url(images/bullet.gif) no-repeat 0px 5px; }
.rsidebar ul ul li.quicksms{ margin: 0; padding:0; line-height: 22px; background:none;}
.rsidebar ul ul ul{ border: 0; padding: 0; background-image: none; }
.rsidebar ul ul ul li{ padding: 0 0 0 10px;; background-image: none; }
 
/**************** Footer *********************/
#footer { margin: 0px auto; padding: 0px; width:938px; height: 31px; line-height:31px; background: url(images/navbar.gif) no-repeat; clear:both }
#footer a,#footer a:link,#footer li a:visited{border-bottom:0;color:#333;text-decoration:none;}
#footer a:hover,#footer a:active{color:#000;text-decoration:none;}
.footer{ margin:0; padding:0 0 0 10px; float:left;}
.top{ margin:0; padding:0 10px 0 0; float:right;}
#wrapper_ { margin: -20px auto; padding: 0 0 20px 0; width: 964px; height:20px; background:transparent url(images/wrapper_bottom.gif) no-repeat top; }
 
/*.widget_nextgenimage h2 { display:none;}*/
.ngg-widget { text-align:center; padding: 4px 11px 10px 11px; background: #eaeaea url(images/sidebar-bottom.gif) no-repeat bottom; line-height:150%;}

EDIT: Asi se ve actualmente
Enlace eliminado
 
Última edição:
Podrías subir también el código de header.php para ver a que id corresponde cada estilo...
 
Inserir CODE, HTML ou PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="top">
<div id="header"><h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1></div>
<div id="title"></div>
</div>
<div id="navbar">
<div id="menu">
<ul class="menu">
<li class="<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>">Inicio<?php echo $langblog;?></a></li>
		<?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
</ul>
</div>
<div id="searchrss">
<div id="rss"><a href="http://feeds.feedburner.com/tu_codigo_feedburner">Feed</a> | <a href="http://feeds.feedburner.com/tu_codigo_feedburner">SubscrÃ*bete vÃ*a Email</a></div>
<div id="topsearch">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<input type="text" value="Búsqueda..." name="s" id="ls" onfocus="if (this.value == 'Búsqueda...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Búsqueda...';}" class="swap_value" />
<input type="image" src="<?php bloginfo('template_url'); ?>/images/btn_search_box.gif" id="go" alt="Búsqueda" title="Búsqueda" />
</form>
</div>
</div>
</div>
<br clear="all" />
<div id="main">
<div id="content">

Gracias :$
 
Debes modificar también el alto de #top que actualmente es de 180px

#top { margin: 0px auto; padding: 20px 0 0 0; width:938px; height: 180px; }

No olvides revisar el alto de header y modificarlo aqui:
#header h1 a {display:block; background:url(images/header.gif) no-repeat left; height:126px;}
 
Última edição:
Gracias Publi!!!

Me salvaste la vida!!

Problema archiresuelto
 
Voltar
Topo