AbanteCart Community

AbanteCart Development => Customization help => Topic started by: matencio on June 15, 2017, 01:32:30 AM

Title: Find CSS file to change background color of template
Post by: matencio 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?
Title: Re: Find CSS file to change background color of template
Post by: Basara on June 15, 2017, 01:39:34 AM
Hello.
body is in the top  :)
https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default/stylesheet/style.css#L13
Title: Re: Find CSS file to change background color of template
Post by: matencio on June 15, 2017, 10:20:05 AM
I tried that already and it doesn't change the color. The template is still white.
Title: Re: Find CSS file to change background color of template
Post by: Sam_78 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
Title: Re: Find CSS file to change background color of template
Post by: matencio on June 15, 2017, 01:55:53 PM
I'm using the default template. I'll try clearing my cache. Thanks
Title: Re: Find CSS file to change background color of template
Post by: matencio 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
}
Title: Re: Find CSS file to change background color of template
Post by: llegrand on June 15, 2017, 04:38:02 PM
this might help you - 

http://forum.abantecart.com/index.php/topic,3815.msg16490.html#msg16490 (http://forum.abantecart.com/index.php/topic,3815.msg16490.html#msg16490)
Title: Re: Find CSS file to change background color of template
Post by: matencio 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;
}
Title: Re: Find CSS file to change background color of template
Post by: llegrand on June 16, 2017, 10:25:09 AM
https://www.w3schools.com/cssref/pr_background-color.asp (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.
Title: Re: Find CSS file to change background color of template
Post by: matencio 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!
Title: Re: Find CSS file to change background color of template
Post by: John Stutsman 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?
Title: Re: Find CSS file to change background color of template
Post by: Basara on July 22, 2019, 01:30:09 AM
Make sure you do not have CDN or any other additional .CSS caching
Title: Re: Find CSS file to change background color of template
Post by: John Stutsman on July 22, 2019, 03:18:35 AM
Ahhh yup that was it. Cloudflare. Thanks so much! Sorry about that!