How to change module/block colours

[Paulito]

Good morning,

 

Using PS 1.4.7

 

How do I change the default colour of grey in the header of modules/blocks, for example, categories, news letter, top sellers etc.

I assume this is not in global CSS, is it in module CSS or module tpl file?

If I am correct could you please let me know which file and line number to alter.

 

I hope this makes sense

 

As always, thank you for your help

 

Paul

[vekia]

Good morning,

 

Using PS 1.4.7

 

How do I change the default colour of grey in the header of modules/blocks, for example, categories, news letter, top sellers etc.

I assume this is not in global CSS, is it in module CSS or module tpl file?

If I am correct could you please let me know which file and line number to alter.

 

I hope this makes sense

 

As always, thank you for your help

 

Paul

 

The background of block header is image, not color:

 

in global.css you can find:

 

div.block h4 {

• text-transform: uppercase;
  
• font-family: Arial, Helvetica, Sans-Serif;
  
• font-weight: bold;
  
• font-size: 1.2em;
  
• padding-left: 0.5em;
  
• border-bottom: 1px solid #595A5E;
  
• padding-top: 2px;
  
• line-height: 1.3em;
  
• color: #374853;
  
• height: 19px;
  
• background: transparent url('../img/block_header.png') no-repeat top left;
  

}

 

so you must edit image, or add there own color withour url parameter

Edited October 8, 2012 by vekia (see edit history)

[Paulito]

Good morning and thank you for your reply,

 

So, if I comment out the last line (background) and insert:

 

background color: red; }

 

This would change the colour?

 

I prefer to comment out as I can always delete my changes when things go wrong.

 

Paul

[vekia]

Good morning and thank you for your reply,

 

So, if I comment out the last line (background) and insert:

 

background color: red; }

 

This would change the colour?

 

I prefer to comment out as I can always delete my changes when things go wrong.

 

Paul

 

if you want change color (not image) to red use:

 

background: red;

 

not background color: red; - because its wrong

Edited October 8, 2012 by vekia (see edit history)

[andreinica]

Hello,

 

I have PrestaShop™ 1.5.4.1 and i can`t find in global.css

 

div.block h4 {

• text-transform: uppercase;
• font-family: Arial, Helvetica, Sans-Serif;
• font-weight: bold;
• font-size: 1.2em;
• padding-left: 0.5em;
• border-bottom: 1px solid #595A5E;
• padding-top: 2px;
• line-height: 1.3em;
• color: #374853;
• height: 19px;
• background: transparent url('../img/block_header.png') no-repeat top left;

}

 

 

So can you help me for my version of prestashop change the default colour in the header of modules/blocks.

 

And another problem i have it`s the transparency of the modules/blocks i need to replace it with white

 

Thank you very much

[Paulito]

Good morning

 

Using PS 1.5.1.4 default theme

 

To change the colours of the block Headers you need to go to:

 

public_html/yourtheme/themes/default/css/global.css

 

And around line 312

 

/* BLOCK .block ******************************************************************************** */

.block {margin-bottom:20px}

#footer .block {margin-bottom:0}

.block .title_block, .block h4 {

padding:6px 11px;

font-size:12px;

color:#fff;

text-shadow:0 1px 0 #000;

text-transform:uppercase;

background:#383838;   (Change this to whatever you require)

text-align:left;

font-weight: bold;

border: solid 4px #c20000;

}

 

Hope this helps

 

Paul

[andreinica]

That was very heplful Paulito thank you very much now remains the second problem:

 

The transparency of the modules/blocks i need to replace it with white.

[vekia]

hello, it is possible to check your website? it will be helpful in this case

[andreinica]

SURE:

 

http://www.mirodeniisemintesifructeconfiate.ro/

 

I have this problem because i have a background image and the modules are transparent and you can`t understand the write

[vekia]

the question is: you want to add background to modules blok only, or below whole contents ?

 

anyway, here is the solution for modules: (and contents)

 

just add background:#FFF; to:

.block {
margin-bottom: 20px;
background: #FFF;
}

it's a part of http://www.mirodeniisemintesifructeconfiate.ro/themes/default/css/global.css line 295

[andreinica]

Exactly i want to add background to the whole module.

 

To look like the Information from the home page.

 

10x

[andreinica]

I mean that i need to change the background of modules/blocks description that now is transparent (ex:Produse Vizlualizate meaning in english viewed products)

Edited September 27, 2013 by andreinica (see edit history)

[andreinica]

i have succeded by adding:

 

.block_content {

background:#FFF !important

}

 

under

 

/* BLOCK .block ******************************************************************************** */

[vekia]

so you problem is solved? just added code above and everything works well then?

[andreinica]

Hi Again every one i stii have a problem:
 

My product description and short desciption background is still transparent and i need it to be white.

 

A link fost example:

 

http://www.mirodeniisemintesifructeconfiate.ro/index.php?id_product=8&controller=product&id_lang=1

 

10x

[andreinica]

Yes vekia i have added that code and everything works well then

[vekia]

global.css file line 45 add backgrund:#FFF; to #center_column:

 

#center_column {

backgrund:#FFF;

}

[andreinica]

tkank you very much vekia you are a genius now is perfect.

 

Have a nice day !!!!!

[vekia]

yea i checked your website, now it looking well 

if you will have any additional questions - feel free to write

 

best regards

[andreinica]

No it`s very fine now. thank again for the help.

 

Have a nice day !

[1Luciano]

Good evening Vekia etc...

 

I know this topic is like 2- yers old  but I'm having some challenges with my css files. I'm trying to change few border colors on the left categories but no matter what I do nothing happens. I'musing PS 1.6.4 I tried editing with filezila or using the chrome browser nothing happens, cleared my chache etc....Please help me