Changing header and footer color

[starfury]

Hi,

 

This is my first time using with Prestashop 1.6. At the moment I have successfully install Prestashop on my hosting, changing category, adding product, adding logo, edit menu, etc. I think Prestashop is awesome

 

At the moment I am unable to change the black color of my header, footer and cart color. Can any one teach me how I can change the color to red or blue? I have attached a screen shot of my header on this tread.
 

Thanks in advance 

Cheers,

Zul

[Rolige]

Hi starfury,

I'll recommend you use the plugin Firebug for Firefox, you can find very easy the way to change all this, for example, to change the footer color, you can do that in the file: yourshop.com/themes/default-bootstrap/css/global.css
Around the line #6780 search for  .footer-container {  and change the background color.

I hope this help you, regards.

[starfury]

Hi mate,

 

Thanks for the reply, I will five it a try  

 

Cheers

[mdarcangelo]

  On 4/23/2014 at 2:47 AM, COTOKO said:

Hi starfury,

I'll recommend you use the plugin Firebug for Firefox, you can find very easy the way to change all this, for example, to change the footer color, you can do that in the file: yourshop.com/themes/default-bootstrap/css/global.css

Around the line #6780 search for  .footer-container {  and change the background color.

 

I hope this help you, regards.

could I put an image as background?

[dioniz]

To put an image you need to make style like this:

background: url('path_to_your_image/yourimage.jpg') 0 0;

[Whiley]

Hi mdarcangelo,

 

  Quote

 

could I put an image as background?

you can implement a background picture in several ways, one of it is(PS 1.6.0.9):

 

1. Save your background-picture as  bg.jpg and load it to your server into the folder:  /img/

2. Open the file;

/themes/default-bootstrap/css/global.css

around line 22 you find

  Quote

html {
  line-height: 1; }

Immediately before this you paste:

  Quote

 

#header, header, .header-container, .columns-container {
    background: transparent !important;
}

around line 243 you find:

  Quote

 

 background-color: white; }

you change this line to:

  Quote

 

background-image: url("../../../img/bg.jpg")!important; }

around line 6780 you find:

  Quote

 

.footer-container {
  background-color: #333333; }

:

you change this to:

  Quote

 

.footer-container {
  background-color: #333333!important; }

 

3. Clear your smarty-cache, compile the template, clear your browser's cache,

 

regards

Whiley

[mdarcangelo]

  On 8/30/2014 at 7:16 AM, Whiley said:

Hi mdarcangelo,

 

you can implement a background picture in several ways, one of it is(PS 1.6.0.9):

 

1. Save your background-picture as  bg.jpg and load it to your server into the folder:  /img/

2. Open the file;

/themes/default-bootstrap/css/global.css

around line 22 you find

Immediately before this you paste:

around line 243 you find:

you change this line to:

around line 6780 you find:

:

you change this to:

 

3. Clear your smarty-cache, compile the template, clear your browser's cache,

 

regards

Whiley

thank you

[mdarcangelo]

  On 8/30/2014 at 1:47 PM, mdarcangelo said:

thank you

 

Sadly nothing has changed despite I did all the necessary changes:

 

[Whiley]

Hi mdarcangelo,

i thought, you want to have the image behind the whole shop. If you want  the image only behind the footer, forget the modifications in post #6.

 

Instead, you habe to copy the background-image (bg.jpg) to your folder /img/

then open:

/themes/default-bootstrap/css/global.css

around line 6783 you find:

  Quote

 

    .footer-container {
      background: url(../img/footer-bg.png) repeat-x #333333; } }

change this to:

  Quote

 

    .footer-container {
      background: url("../../../img/bg.jpg")!important; }

Then clear your smarty-cache and your browser's cache,

 

regards

Whiley

Edited August 31, 2014 by Whiley (see edit history)

[MusikMachineMan]

many thx Whiley !!