(Solucionado) Darle color a margenes laterales y blockcategories

[Infograficibi]

Buenas!!

 

Me gustaría poner a la web unos margenes laterales en gris para que no se vea todo tan blanco y en la parte de blockcategories que pone categorías y fabricants ponerle color gris oscuro y una linea fucsia bajo. Alguien podría decirme como hacerlo más o menos?

 

Adjunto imagen para que quede más claro lo que quiero.

La web es www.tosqueta.com

Muchas gracias y un saludo!!

 

Edited March 27, 2013 by Infograficibi (see edit history)

[nadie]

Buenas!!

 

Me gustaría poner a la web unos margenes laterales en gris para que no se vea todo tan blanco

 

Ok viendo tu imagen, mi perro Jack, deduce que tienes que hacer esto.

 

Ir al fichero:

 

http://tosqueta.com/themes/matrice/css/global.css

 

Buscar esto:

 

body {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color:#323232;

}

 

y dejarlo asi:

 

body {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color:#323232;
background: #c0bcbc;

}

 

Despues vamos otra vez al fichero:

 

http://tosqueta.com/themes/matrice/css/global.css

 

Buscamos esto:

 

.page {width:890px; margin:auto;}

 

y lo dejamos asi:

 

.page {
width: 980px;
margin: auto;
background: #fff;
}

[nadie]

Buenas!!

 

en la parte de blockcategories que pone categorías y fabricants ponerle color gris oscuro

 

Ok, viendo la imagen, mi perro Jack, deduce que te refieres a los encabezados de dichos módulos.

 

Segun mi perro, puedes ir al fichero:

 

http://tosqueta.com/themes/matrice/css/global.css

 

 

Y añadir esto:

 

#categories_block_left h4 {
background: #5a5757;
height: 20px;
color: white;
padding-top: 4px;
padding-left: 8px;
}

 

y esto:

 

#manufacturers_block_left h4 a {
background: #5a5757;
height: 20px;
color: white;
padding-top: 4px;
padding-left: 8px;
display: block;
}

 

o si es para todos los modulos que tengas en este caso en el lateral izquierdo, añade esto directamente:

 

#left_column .block h4 {
background: #5a5757;
color: #FFF;
height: 20px;
padding-top: 4px;
padding-left: 8px;
}

#left_column .block h4 a {
color: #fff;
}

[Infograficibi]

Ok viendo tu imagen, mi perro Jack, deduce que tienes que hacer esto.

 

Ir al fichero:

 

http://tosqueta.com/themes/matrice/css/global.css

 

Buscar esto:

 

body {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color:#323232;

}

 

y dejarlo asi:

 

body {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color:#323232;
background: #c0bcbc;

}

 

Despues vamos otra vez al fichero:

 

http://tosqueta.com/themes/matrice/css/global.css

 

Buscamos esto:

 

.page {width:890px; margin:auto;}

 

y lo dejamos asi:

 

.page {
width: 980px;
margin: auto;
background: #fff;
}

 

Soy fan de tu perro Jack!!! Yo quiero uno así de listo!!! Esto de los margenes ha quedado tal como quería! Gracias!!

[Infograficibi]

Ok, viendo la imagen, mi perro Jack, deduce que te refieres a los encabezados de dichos módulos.

 

Segun mi perro, puedes ir al fichero:

 

http://tosqueta.com/themes/matrice/css/global.css

 

 

Y añadir esto:

 

#categories_block_left h4 {
background: #5a5757;
height: 20px;
color: white;
padding-top: 4px;
padding-left: 8px;
}

 

y esto:

 

#manufacturers_block_left h4 a {
background: #5a5757;
height: 20px;
color: white;
padding-top: 4px;
padding-left: 8px;
display: block;
}

 

o si es para todos los modulos que tengas en este caso en el lateral izquierdo, añade esto directamente:

 

#left_column .block h4 {
background: #5a5757;
color: #FFF;
height: 20px;
padding-top: 4px;
padding-left: 8px;
}

#left_column .block h4 a {
color: #fff;
}

 

Siento ser tan pardilla pero en que archivo tengo que colocar esto? Global.css? Blockcategory.css?? Creo que blockcategory tiene más papeletas pero como no lo tengo claro, pregunto por si la lio...

Cómo le pongo la linea fucsia debajo del gris oscuro? Con line o algo así?

 

Gracias a Jack y a ti.

[nadie]

Siento ser tan pardilla pero en que archivo tengo que colocar esto? Global.css? Blockcategory.css?? Creo que blockcategory tiene más papeletas pero como no lo tengo claro, pregunto por si la lio...

Cómo le pongo la linea fucsia debajo del gris oscuro? Con line o algo así?

 

Gracias a Jack y a ti.

 

Añadelo directamente en el global.css se lo va a tragar igual..

[Infograficibi]

Añadelo directamente en el global.css se lo va a tragar igual..

 

Gracias nadie!!! Solucionado!!

[nadie]

Gracias nadie!!! Solucionado!!

Un placer ayudarte y servirte!

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.