Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

[SOLUCIONADO] Imagen de entradas con width:100%;

Estas en el tema de Imagen de entradas con width:100%; en el foro de WordPress en Foros del Web. Pues eso, ¿existe alguna forma de poner un width:100%; (para responsive) a las imágenes que se agregan a traves de la interfaz de entradas de ...
  #1 (permalink)  
Antiguo 03/09/2014, 00:14
 
Fecha de Ingreso: febrero-2013
Mensajes: 90
Antigüedad: 11 años, 10 meses
Puntos: 0
Imagen de entradas con width:100%;

Pues eso, ¿existe alguna forma de poner un width:100%; (para responsive) a las imágenes que se agregan a traves de la interfaz de entradas de wordpress?
  #2 (permalink)  
Antiguo 03/09/2014, 01:16
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 10 meses
Puntos: 998
Respuesta: Imagen de entradas con width:100%;

eso depende del tema que estés usando, lo debés de poder hacer en el style.css correspondiente
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 03/09/2014, 02:12
 
Fecha de Ingreso: febrero-2013
Mensajes: 90
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Imagen de entradas con width:100%;

Es un tema propio. El caso es que tiene un width:100%; en content, pero solo funciona con el texto.
  #4 (permalink)  
Antiguo 03/09/2014, 04:02
 
Fecha de Ingreso: febrero-2013
Mensajes: 90
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Imagen de entradas con width:100%;

Código:
<section id="articles_list">
    
	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    
    	<article class="proyecto">
        	
        	<div class="nombreycategoria">
            <h2><span><a href="<?php the_permalink();?>"><?php the_title();?></a></span></h2>
            <div class="cat_name"><?php the_category(', ');?></div>
            </div>

            <div class="entry-content"><?php the_content();?></div>

        </article>
        
            
    
    <?php endwhile; else: ?>
    
    <?php endif; ?>
    
    	
   

		</div>
    </section>

Código:
#main #articles_list {
	clear: both;
	width:100%;
}

#main #articles_list article {
	width:30%;
	margin:25px 5% 25px 0px;
	overflow:hidden;
	float:left;
}

#main #articles_list .proyecto  {
	margin-top:15px;
	width:100%;
	margin-bottom:50px;
	margin-right:5%;
	overflow:hidden;
	float:left;
}

#main #articles_list article .entry-content{
	margin:12px 0px 40px 0px;
	line-height:150%;
	width:100%;
}
  #5 (permalink)  
Antiguo 03/09/2014, 05:04
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 15 años, 5 meses
Puntos: 429
Respuesta: Imagen de entradas con width:100%;

Es lógico que si el CSS lo aplicas al texto funcione solo en el texto. Debes aplicarlo a las imágenes. Revisa con algún complemento de desarrollador de tu navegador (tipo Firebug) la clase que te devuelven las imágenes y aplica el formato en style.css.

Para más información sobre CSS te recomiendo los manuales gratis y en español de librosweb.es
__________________
Mi blog personal | Mi G+

Etiquetas: entradas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:32.