Como reduzir a largura do theme de forma simples

Geg1

Kappa

Verificación en dos pasos activada

Verificado por Binance

• 05/02/2015

• #1

Hola! Lo que quiero es reducir el ancho del theme completo:
¡250 juegos de Friv!

fijense que me sale "desfasado" la parte del buscador, como puedo lograr achicar todo el theme para que no suceda esto??

Gracias!

 

mark170987

Zeta

Diseñador

Verificación en dos pasos activada

• 05/02/2015

• #2

Con css, busca que propiedad de ancho tiene en la hoja de estilos.

 

Geg1

Kappa

Verificación en dos pasos activada

Verificado por Binance

• 05/02/2015

• #3

mark170987 disse:

Con css, busca que propiedad de ancho tiene en la hoja de estilos.

Clique para expandir...

es que no la encuentro jaja. bah, soy bastante noob en css

 

mark170987

Zeta

Diseñador

Verificación en dos pasos activada

• 05/02/2015

• #4

U_u te ayudaría pero en el cel no puedo ver las propiedades. Pero si usas Chrome con el puntero dentro del área que quieres reducir da click derecho y dale a inspeccionar elemento. Busca la propiedad que inicie con un punto o con #, algo así como # content o, .content

 

mark170987

Zeta

Diseñador

Verificación en dos pasos activada

• 05/02/2015

• #5

Ahí debe de haber algo que diga width

 

rayden

Dseda

Programador

Verificación en dos pasos activada

• 05/02/2015

• #6

Geg1 disse:

es que no la encuentro jaja. bah, soy bastante noob en css

Clique para expandir...

Busca en el archivo css/skeleton.css y en .container-1400
actualmente esta con este ancho width: 1400px;
cambialo por este width: 1200px;
ejemplo:

.container-1400 {
position: relative;
width: 1200px;
margin: 0 auto;
padding: 0; }

 

A

Aveo

Gamma

Programador

• 05/02/2015

• #7

Te recomiendo la herramienta Firebug para que puedas hacerlo fácilmente en tiempo real.

 

Geg1

Kappa

Verificación en dos pasos activada

Verificado por Binance

• 05/02/2015

• #8

rayden disse:

Busca en el archivo css/skeleton.css y en .container-1400
actualmente esta con este ancho width: 1400px;
cambialo por este width: 1200px;
ejemplo:

.container-1400 {
position: relative;
width: 1200px;
margin: 0 auto;
padding: 0; }

Clique para expandir...

Gracias!!

lo he solucionado!