Me pueden ayudar con el ancho de un theme responsive.

[Marthita23]

Hola chicos...

Estoy haciendo unas pequeñas modificaciones que me pidieron a un theme, sin embargo me he topado con un problema que no he podido solucionar espero me ayuden.

El theme sobre el que me encuentro trabajando es:

Este::::>

Como pueden ver la pagina de index.php o home.php esta dividida en 2 columnas de contenido aquí una captura:



El ancho que ocupan las 2 columnas es el ancho general de la pagina me refiero a que el wrapper esta en width: 100%;

Al entrar en un articulo o pagina esta con la mismas dimensiones de ancho como se ve en la siguiente captura:



Es ahí donde esta el problema que tengo, me gustaria hacer que la parte de los artículos o paginas no fuera tan ancho, que la pagina de index o home mantuviese sus tamaño pero al entrar al post fuera mas reducido el espacio en cuanto a anchura como se ve en la imagen siguiente:



Ya intente de mil formas, edite todos los códigos pero aun así no puedo lograr hacerlo.

Por favor ayúdenme ya que es un trabajo que tengo que entregar y ya me queda poco tiempo para ello.

Saludos.

[TMeister]

Agrega a tu CSS

Código CSS:

.single .wrapper{
 
    width: 70%;
    margin 0 auto;
 
}
 

Este es el resultado:

http://screencast.com/t/6ssKcq8xAcu

[Marthita23]

Hola TMister ya intente poner el código que me indicas, pero no pasa nada...

Se tendria que modificar algo en esta parte tambien ???? es del single.php

<?php
get_header();
?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<h2 class="storytitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>

<?php the_post_thumbnail('thumbnail'); ?>

<div class="meta">
<ul>
<li><?php _e("Categoría:", 'northern'); ?> <?php the_category(', ') ?> <?php the_tags(__('Tags:&nbsp;', 'northern'), ' , ' , ''); ?></li>
</ul>
</div>

<?php the_content(__('(more...)', 'northern')); ?>

<div class="commentlink">
<?php wp_link_pages(); ?>
<?php // comments_popup_link(__('No Comments', 'northern'), __('1 Comment', 'northern'), __('% Comments', 'northern'), '', __('Comments are closed.', 'northern') ); ?>
</div>

</article>

<?php endwhile; endif; ?>

<?php // comments_template( '', true ); ?>

<section class="pagenav">
<span class="previous"><?php previous_post_link('%link'); ?></span> - <span class="next"><?php next_post_link('%link'); ?></span>
</section>

</section>

<?php get_sidebar(''); ?>
<?php get_sidebar('2'); ?>
<?php get_sidebar('3'); ?>
<?php get_sidebar('4'); ?>

[pinguisport85]

Si desea modificar el ancho buscan wrapper del sitio y fíjate en cada plantilla como esta definido y desde ahi modifica, a simples rasgos buscan el div que envuelve todo la web y ese modifica.

[zanguanga]

El código de TMeister funciona perfectamente.

[madman_18]

De todas formas podrías usar con depuradores de código como Firebug para ver los estilos que se le están aplicando en ese momento.

Lo mismo, al hacer el tema responsive hay que tener en cuenta la herencia de las propiedades, puedas tener un width suelto por ahí alejado de la mano de dios y te aplique ese en vez del que deseas en ese momento ;)