Author Topic: Find CSS file to change background color of template  (Read 16563 times)

Offline matencio

  • Newbie
  • *
  • Posts: 30
  • Karma: +3/-0
    • View Profile
Find CSS file to change background color of template
« on: June 15, 2017, 01:32:30 AM »
I have the default template and want to change the background color to dark red. Where can I do this? I have opened style.css but haven't found the "BODY" tags to make the change.

/public_html/redeyeexpress.us/storefront/view/default/stylesheet

is my file location, Am I in the wrong .css file?


Offline matencio

  • Newbie
  • *
  • Posts: 30
  • Karma: +3/-0
    • View Profile
Re: Find CSS file to change background color of template
« Reply #2 on: June 15, 2017, 10:20:05 AM »
I tried that already and it doesn't change the color. The template is still white.

Offline Sam_78

  • Sr. Member
  • ****
  • Posts: 270
  • Karma: +42/-1
    • View Profile
Re: Find CSS file to change background color of template
« Reply #3 on: June 15, 2017, 11:25:24 AM »
Clear browser cache as well as AbanteCart cache ...  also are you sure you are not using any other template? because if so then you have make changes to its CSS not the main one

Offline matencio

  • Newbie
  • *
  • Posts: 30
  • Karma: +3/-0
    • View Profile
Re: Find CSS file to change background color of template
« Reply #4 on: June 15, 2017, 01:55:53 PM »
I'm using the default template. I'll try clearing my cache. Thanks

Offline matencio

  • Newbie
  • *
  • Posts: 30
  • Karma: +3/-0
    • View Profile
Re: Find CSS file to change background color of template
« Reply #5 on: June 15, 2017, 02:29:20 PM »
Cleared the caches - IE and Abantecart and then shut off the computer and restarted. Changed the body code to 820000 from 333 still nothing changed.



@charset "utf-8";
/*
AbanteCart storefront main CSS style.css

Developers: Pavel Rojkov

AbanteCart brand color styles: #064770 (dark blue) #F19013 (Orange)

*/

/* CSS Document */
/* ------------ Reset ------------ */
body {
   color: #820000;
   font-size: 13px;
   margin: 0;
   padding: 0;
}

a {
   color: #000000;
   text-decoration: none
}

a:hover {
   text-decoration: none;
   color: #d8420e
}
« Last Edit: June 15, 2017, 02:43:02 PM by matencio »

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1798
  • Karma: +520/-7
    • View Profile

Offline matencio

  • Newbie
  • *
  • Posts: 30
  • Karma: +3/-0
    • View Profile
Re: Find CSS file to change background color of template
« Reply #7 on: June 16, 2017, 10:10:53 AM »
No. That was to add an image, I changed it to color. This is how I added the code but it didn't do anything. 

/* CSS Document */

/* ---------- BODY COLOR ADDED BY ME-------- */
body {
color: #820000;
}

/* ------------ Reset ------------ */
body {
   color: #820000;
   font-size: 13px;
   margin: 0;
   padding: 0;
}

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1798
  • Karma: +520/-7
    • View Profile
Re: Find CSS file to change background color of template
« Reply #8 on: June 16, 2017, 10:25:09 AM »
https://www.w3schools.com/cssref/pr_background-color.asp

sorry,  thought you would see that you needed the "background" in your code
see the link for help -  and you might remember w3cschools has lots of help for coding.

Offline matencio

  • Newbie
  • *
  • Posts: 30
  • Karma: +3/-0
    • View Profile
Re: Find CSS file to change background color of template
« Reply #9 on: June 16, 2017, 11:02:15 AM »
That worked. For everyone else needing this and doesn't know how to make the change here it is: You have to change the style.css page located in this folder

/storefront/view/default/stylesheet
Then make the following change to the page at the top.

/* CSS Document */

/* ------------ Reset ------------ */
body {
   background-color: #820000;
   font-size: 13px;
   margin: 0;
   padding: 0;
}

By adding the word Background-    you can change the color from white to any color you want, or an image.
I don't do much css and didn't know about that.  I do now. Perfect. The second I made the change it worked. Thank you, thank you, thank you. Now if I could get the other issue with import and export fixed the day and weekend would be saved!
« Last Edit: June 16, 2017, 11:04:45 AM by matencio »

Offline John Stutsman

  • Newbie
  • *
  • Posts: 12
  • Karma: +1/-0
    • View Profile
Re: Find CSS file to change background color of template
« Reply #10 on: July 22, 2019, 01:25:31 AM »
I'm trying to change colors as well but instead of the background I want to change all the colors that are #00a1cb to #2c2e7d I'm assuming just a find a replace in the style.css file  should do this correct? I tried it and cleared the cache and the colors still won't change. Is there something else or somewhere else I need to do this for the changes to work?

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5772
  • Karma: +274/-2
    • View Profile
Re: Find CSS file to change background color of template
« Reply #11 on: July 22, 2019, 01:30:09 AM »
Make sure you do not have CDN or any other additional .CSS caching

Offline John Stutsman

  • Newbie
  • *
  • Posts: 12
  • Karma: +1/-0
    • View Profile
Re: Find CSS file to change background color of template
« Reply #12 on: July 22, 2019, 03:18:35 AM »
Ahhh yup that was it. Cloudflare. Thanks so much! Sorry about that!

 

Powered by SMFPacks Social Login Mod