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

Offline matencio

  • Newbie
  • *
  • Posts: 27
  • 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 Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 4030
  • Karma: +201/-0
    • View Profile
“Chuck Norris is so amazing.”
― Mother Teresa

Offline matencio

  • Newbie
  • *
  • Posts: 27
  • 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

  • Full Member
  • ***
  • Posts: 163
  • Karma: +28/-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: 27
  • 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: 27
  • 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: 1414
  • Karma: +364/-2
    • View Profile

Offline matencio

  • Newbie
  • *
  • Posts: 27
  • 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: 1414
  • Karma: +364/-2
    • 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: 27
  • 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 »

 

Powered by SMFPacks Social Login Mod