AbanteCart Community
AbanteCart Development => Customization help => Topic started 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?
-
Hello.
body is in the top :)
https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default/stylesheet/style.css#L13
-
I tried that already and it doesn't change the color. The template is still white.
-
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
-
I'm using the default template. I'll try clearing my cache. Thanks
-
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
}
-
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)
-
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;
}
-
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.
-
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!
-
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?
-
Make sure you do not have CDN or any other additional .CSS caching
-
Ahhh yup that was it. Cloudflare. Thanks so much! Sorry about that!