Jump to content

Changing header and footer color


Recommended Posts

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

post-788235-0-71904900-1398219895_thumb.png

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

  • 4 months later...

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?

Link to comment
Share on other sites

Hi mdarcangelo,

 

 

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

html {
  line-height: 1; }

Immediately before this you paste:

 

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

around line 243 you find:

 

 background-color: white; }

you change this line to:

 

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

around line 6780 you find:

 

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

:

you change this to:

 

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

 

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

 

regards

Whiley

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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:

 

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

change this to:

 

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

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

 

regards

Whiley

Edited by Whiley (see edit history)
  • Like 2
Link to comment
Share on other sites

  • 1 month later...
×
×
  • Create New...