Author Topic: Left and Right side colors...  (Read 6146 times)

Offline Julianna

  • Newbie
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
Left and Right side colors...
« on: February 07, 2013, 01:51:39 PM »
Hi everyone! Sending a hello from New York... :)  I just need a bit of help with the template...I'm trying to change the color in the side blocks (the orange) to be the same color blue as the top thin bar going across? If anyone can help I would greatly appreciate it...I also would like to add an image background...I read the post on how but can't understand where to add a background  image url...I love this shopping cart by the way...great job! Out of all the ones I tried this one looks to be the best one out there. :-)  Thanks.

Regards,
Julianna

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4314
  • Karma: +291/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: Left and Right side colors...
« Reply #1 on: February 07, 2013, 05:28:41 PM »
Hello from New Jersey :)

To change header colors on the blocks, you need to replace 3 images. See images attached
You can copy them to directory /storefront/view/default/image/

If you need to edit CSS it is in here:
/storefront/view/default/stylesheet/boxes.css

To add background image, you can edit:
/storefront/view/default/stylesheet/stylesheet.css
Look for:
Code: [Select]
body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font: 11px Tahoma,Arial,Helvetica;
    margin: 0;
    padding: 0;
}
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline Julianna

  • Newbie
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
Re: Left and Right side colors...
« Reply #2 on: February 08, 2013, 03:50:15 AM »
Wow, you're so close...:-)  Ok...I got the color...thank you so much for sending me the images...but now for the background, I can't seem to find where it is in the file..I've been going crazy looking...lol Sorry, I'm not very good at this...but can you tell me where that part is in the file? Like is it top, middle or end of the file? Also, how do I add the image url...where it says the color #fffff ?? And is there some coding I need to put around the url? I would like it to go behind everything but not show under the text...if that makes sense... Again, sorry for sounding dumb...lol  Thanks so much again for your help...I really do appreciate it lots! And I'm very happy with this shopping cart...:-) I'm hoping to donate soon!

Regards,
Julianna
« Last Edit: February 08, 2013, 03:52:12 AM by Julianna »

Offline abolabo

  • core-developer
  • Administrator
  • Hero Member
  • *****
  • Posts: 1927
  • Karma: +294/-12
  • web for all, all for web!
    • View Profile
    • AbanteCart
Re: Left and Right side colors...
« Reply #3 on: February 08, 2013, 12:29:31 PM »
you can use firefox with addon firebug. It shows styles of element and file where it written. 
“No one is useless in this world who lightens the burdens of another.”
― Charles Dickens

Offline Julianna

  • Newbie
  • *
  • Posts: 13
  • Karma: +0/-0
    • View Profile
Re: Left and Right side colors...
« Reply #4 on: February 09, 2013, 02:54:36 AM »
Got it! Thanks! I was able to change the color and it looks great...:-) That add on really helps..
Thanks again for your help. Have a great day. :-)

Julianna

 

Powered by SMFPacks Social Login Mod