modificar ancho de tema wordpress

evoarte · #1 (**permalink**) 21/02/2013, 13:31

buenas tardes,

he creado un tema hijo para tratar de modificar el ancho del tema mystique, pero no logro reducir el ancho de la sección de entradas de la página principal ni el ancho de la sección del artículo en la página de cada entrada. en local si se ajusta al ancho que le especifico pero en servidor web no.

Perdón por poner todo el código html (he quitado bastante) y al final el css del tema hijo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
 
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
<title>Informacion y Ayuda para presupuestos de reformas</title>
 
<meta name="designer" content="digitalnature.ro" />
 
 
<link rel="pingback" href="http://blog.demiweb.com/xmlrpc.php" />
<link rel="shortcut icon" href="http://blog.demiweb.com/wp-content/themes/mystique/favicon.ico" />
 
<style type="text/css">
 @import "http://blog.demiweb.com/wp-content/themes/mystique/style.css";
 @import "http://blog.demiweb.com/?mystique=css";
</style>
<link rel="alternate" type="application/rss+xml" title="" href="http://blog.demiweb.com/comments/feed/" />
<link rel='stylesheet' id='validate-engine-css-css'  href='http://blog.demiweb.com/wp-content/plugins/wysija-newsletters/css/validationEngine.jquery.css?ver=2.3.1' type='text/css' media='all' />
<script type='text/javascript' src='http://blog.demiweb.com/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://blog.demiweb.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://blog.demiweb.com/wp-includes/wlwmanifest.xml" /> 
 
<!-- All in One SEO Pack[261,344] -->
<meta name="description" content="" />
<link rel="canonical" href="http://blog.demiweb.com/" />
<!-- /all in one seo pack -->
<link rel="shortcut icon" href="http://www.demiweb.com/favicon.ico" type="image/x-icon" /><!-- Favi --><meta property="og:site_name" content="Reformas, Rehabilitación, Interiorismo, Arquitectura y Decoración" />
</head>
<body class="home blog col-2-right fixed browser-ie">
 <div id="page">
 
 
  <div class="page-content header-wrapper">
 
 
    <div id="header" class="bubbleTrigger">
 
      <div id="site-title" class="clear-block">
 
        <h1 id="logo"><a href="http://blog.demiweb.com">Reformas, Rehabilitación, Interiorismo, Arquitectura y Decoración</a></h1>        
        
      </div>
 
   <div class="shadow-left">
   <div class="shadow-right clear-block">
   <p class="nav-extra"><a href="http://twitter.com/demiweb" class="nav-extra twitter" title="Sígueme en Twitter"><span>Sígueme en Twitter</span></a><a href="http://blog.demiweb.com/feed/" class="nav-extra rss" title="RSS Feeds"><span>RSS Feeds</span></a></p>
   <ul class="navigation  clear-block">
             <li class="active home"><a class="home active fadeThis" href="http://blog.demiweb.com" title="Estás en la página principal"><span class="title">Inicio</span><span class="pointer"></span></a></li>
            <li class="page page-solicita-presupuesto "><a class="fadeThis " href="http://blog.demiweb.com/solicita-presupuesto/" title="Solicita Presupuesto"><span class="title">Solicita Presupuesto</span><span class="pointer"></span></a></li>
<li class="page page-colaboracion "><a class="fadeThis " href="http://blog.demiweb.com/colaboracion/" title="Colaboracion"><span class="title">Colaboracion</span><span class="pointer"></span></a></li>
   </ul>
   </div>
   </div>
    </div>
 
  </div>
 
  <!-- left+right bottom shadow -->
  <div class="shadow-left page-content main-wrapper">
   <div class="shadow-right">
 
     
  <!-- main content: primary + sidebar(s) -->
  <div id="main">
   <div id="main-inside" class="clear-block">
 
    <!-- primary content -->
    <div id="primary-content">
     <div class="blocks">
            
  <!-- post -->
  <div id="post-4418" class="hentry post post-1 odd author-dianaandaluz category-bano post_tag-reforma-bano post_tag-tuberia-vista clear-block">
 
  </div>
  <!-- /post -->
 
 
     <script type="text/javascript">
    // <![CDATA[
        var disqus_shortname = 'demiweb';
        (function () {
            var nodes = document.getElementsByTagName('span');
            for (var i = 0, url; i < nodes.length; i++) {
                if (nodes[i].className.indexOf('dsq-postid') != -1) {
                    nodes[i].parentNode.setAttribute('data-disqus-identifier', nodes[i].getAttribute('rel'));
                    url = nodes[i].parentNode.href.split('#', 1);
                    if (url.length == 1) { url = url[0]; }
                    else { url = url[1]; }
                    nodes[i].parentNode.href = url + '#disqus_thread';
                }
            }
            var s = document.createElement('script'); s.async = true;
            s.type = 'text/javascript';
            s.src = '//' + 'disqus.com/forums/' + disqus_shortname + '/count.js';
            (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
        }());
    //]]>
    </script>
 
      <!-- page navigation -->
      <div class="page-navigation  clear-block">
 
      <span class="current">1</span><a href="http://blog.demiweb.com/page/2/" title="Ir a la página 2">2</a><a href="http://blog.demiweb.com/page/3/" title="Ir a la página 3">3</a><a href="http://blog.demiweb.com/page/4/" title="Ir a la página 4">4</a><a href="http://blog.demiweb.com/page/5/" title="Ir a la página 5">5</a><a href="http://blog.demiweb.com/page/2/" >&raquo;</a><a href="http://blog.demiweb.com/page/10/" title="Ir a la página 10">10</a><span class="extend">...</span><a href="http://blog.demiweb.com/page/13/" class="last" title="Ir a la última página">Última &raquo;</a>
      </div>
      <!-- /page navigation -->
                </div>
    </div>
    <!-- /primary content -->
 
    
<div id="sidebar">
 <ul class="blocks">
        <li class="block"><div class="block-widget_search clear-block" id="instance-search-4">
<!-- search form -->
<div class="search-form">
  <form method="get" id="searchform" action="http://blog.demiweb.com/" class="clear-block">
    <fieldset>
      <div id="searchfield">
       <input type="text" name="s" id="searchbox" class="text clearField" value="Buscar" />
      </div>
      <input type="submit" value="" class="submit" />
     </fieldset>
 </form>
</div>
<!-- /search form -->
</div></li><li class="block"><div class="block-sidebar_tabs clear-block" id="instance-sidebartabswidget-4">            <!-- tabbed content -->
      <div class="tabbed-content sidebar-tabs clear-block" id="sidebartabswidget-4">
 
       <!-- tab navigation (items must be in reverse order because of the tab-design) -->
       <ul class="box-tabs clear-block">
                                        <li class="tags"><a href="#sidebartabswidget-4-section-tags" title="Etiquetas"><span>Etiquetas</span></a></li>          <li class="categories"><a href="#sidebartabswidget-4-section-categories" title="Categorías"><span>Categorías</span></a></li>       </ul>
       <!-- /tab nav -->
 
       <!-- tab sections -->
       <div class="sections">
 
                <!-- comments -->
 
         <div class="box section" id="sidebartabswidget-4-section-categories">
          <div class="box-top-left"><div class="box-top-right"></div></div>
          <div class="box-main">
           <div class="box-content">
            <ul class="menuList categories">
            </ul>
           </div>
          </div>
         </div>
 
        
        
         <div class="box section" id="sidebartabswidget-4-section-tags">
          <div class="box-top-left"><div class="box-top-right"></div></div>
          <div class="box-main">
           <div class="box-content">
            <div class="tag-cloud">
 
           </div>
          </div>
         </div>
 
       
        
        
       
       </div>
      </div>
      <!-- tabbed content -->
      
      </div></li><li class="block"><div class="block-widget_links clear-block" id="linkcat-29"><h3 class="title"><span>Recomendamos</span></h3><div class="block-div"></div><div class="block-div-arrow"></div>
    <ul class='xoxo blogroll'>
    </ul>
 
   </div>
  </div>
  <!-- /main content -->
 
 
 
 <!-- footer -->
  <div id="footer">
 
 
    <div class="page-content">
    <div id="copyright">
 
     <span class="copyright"><span class="text">Copyright &copy;</span> <span class="the-year">2013</span> <a class="blog-title" href="http://blog.demiweb.com" title="Reformas, Rehabilitación, Interiorismo, Arquitectura y Decoración">Reformas, Rehabilitación, Interiorismo, Arquitectura y Decoración</a></span> <a href="http://www.demiweb.com">Presupuestos Reformas</a>
 
 
<script type='text/javascript' src='http://blog.demiweb.com/wp-content/themes/mystique/js/jquery.mystique.js?ver=2.4.2'></script>
<script type='text/javascript' src='http://blog.demiweb.com/?mystique=jquery_init&ver=2.4.2'></script>
<!--wp_footer-->
    </div>
 
   </div>
  </div>
  <!-- /footer -->
 
 </div>
</div>
<!-- /shadow -->
 
    <!-- page controls -->
  <div id="pageControls"></div>
  <!-- /page controls -->
  
  <!-- 53 queries. 0,679 seconds. -->
 
 </div>
</body>
</html>

Código CSS:

Ver original@import url("../mystique/style.css");
 
body.fixed .page-content{width:840px;}
#header{width:840px;}
#main{width:840px;}
#primary-content{width:530px;}
body.col-1 #primary-content{width:840px;left:0;}
body.col-2-left #primary-content{left:310px;}
body.col-2-right #primary-content{left:0;}
#sidebar{width:310px;}  
#footer{width:840px;}
#footer-blocks.withSlider{width:840px;}

un saludo,
josé carlos.