InMotion Hosting Support Center

Changing background color or image.

Category: Prestashop 15

heartlandpet
333 Points
Asked:
2015-04-02 4:59 pm EST

Hits: 5,780
I am getting to the point with the new site where I want to start making small adjustments to the look and feel of the site via background color changes and such. I know how to do it but this 1.6.14 is acting funny.

Normally, you would just do this:
THEMES>DEFAULT>CSS>GLOBAL.CSS
Go to:
container
background....etc.. and change the html color code. This css is different but it is usually around line 5257 or so.

Anyway, my changes have made no difference and the color will not change. BTW, Prestashop tutorials say to do exactly what I'm doing. I need you to look at this and let me know what you find. This process is usually very simple.

r,

Bruce

You must login before you can ask a follow up question.

You must login before you can submit an answer.

John Paul,

Thanks for your response. I just want to make sure that I understand you. Have you already added the code to my global.css? If so, what line did you put it on?

r,

Bruce
heartlandpet
333 Points
2015-04-02 07:03 pm EST

OTHER ANSWERS

0

John-Paul
Staff
31,633 Points
2015-04-02 5:47 pm EST
Hello Bruce,

Thank you for your question about changing background color in PrestaShop 1.6. I found a working solution via Google search (it also provided a solution for adding background images), where they provided the following code:
body, #page, header, .columns-container {background: #FFF!important;background-image: none!important;}
As a test I added the code to another css file and changed the color to black (your original global.css file was left unchanged).

For example:
body, #page, header, .columns-container {background: #000000!important;background-image: none!important;}
After clearing my browser cache your site background displayed Black.

I left the following test css file in your account:
/public_html/themes/default-bootstrap/css/global.css.test

If you have any further questions, feel free to post them below.

Thank you,
John-Paul

You must login before you can post a comment about this answer.

Hello Bruce,

Thank you for contacting us. I made a copy of your global.css file, and named it global.css.test.

Then, I added the following code on line 22:
body, #page, header, .columns-container {background: #000000!important;background-image: none!important;}
To test, I renamed your existing global.css file to: global.css.old

I then renamed the global.css.test file to global.css to test it.

When I saw your site background color change to black, I knew it worked. So, I renamed everything back to it's original name.

Thank you,
John-Paul
John-Paul
31,633 Points
Staff
2015-04-02 7:47 pm EST
Like this Question?

Related Articles

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

Need more Help?

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!