Do you like AbanteCart? Please rate AbanteCart or share your experience with other eCommerce entrepreneurs. Go to Softaculous rating page to add your rating or write a review

Find CSS file to change background color of template

Started by matencio, June 15, 2017, 01:32:30 AM

Previous topic - Next topic

matencio

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?


matencio

I tried that already and it doesn't change the color. The template is still white.

Sam_78

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

matencio

I'm using the default template. I'll try clearing my cache. Thanks

matencio

#5
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
}


matencio

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;
}

llegrand

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.

matencio

#9
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!

John Stutsman

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?

Basara

Make sure you do not have CDN or any other additional .CSS caching

John Stutsman

Ahhh yup that was it. Cloudflare. Thanks so much! Sorry about that!

Forum Rules Code of conduct
AbanteCart.com 2010 -