ProductCart E-Commerce Solutions Homepage
Forum Home Forum Home > ProductCart > Customizing ProductCart
  New Posts New Posts RSS Feed - Background color
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Background color

 Post Reply Post Reply
Author
Message
skullsinc67 View Drop Down
Newbie
Newbie


Joined: 03-August-2009
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote skullsinc67 Quote  Post ReplyReply Direct Link To This Post Topic: Background color
    Posted: 03-August-2009 at 11:32am
I'm trying to change the color of my background from grey to white. I thought I had the correct files but nothing is working.

Can someone please help me out?
Back to Top
Hamish View Drop Down
Admin Group
Admin Group


Joined: 12-October-2006
Location: United Kingdom
Status: Offline
Points: 56
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hamish Quote  Post ReplyReply Direct Link To This Post Posted: 03-August-2009 at 11:37am
Hi,
   Do you mean that of the whole page? If you can post a URL I'll take a look.
Back to Top
skullsinc67 View Drop Down
Newbie
Newbie


Joined: 03-August-2009
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote skullsinc67 Quote  Post ReplyReply Direct Link To This Post Posted: 03-August-2009 at 11:47am
http://www.motorcityperformancecycle.com/store/pc/home.asp
Back to Top
skullsinc67 View Drop Down
Newbie
Newbie


Joined: 03-August-2009
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote skullsinc67 Quote  Post ReplyReply Direct Link To This Post Posted: 03-August-2009 at 11:48am
I'd also like to change the Category, Price and links backgrounds to white also.
Back to Top
Hamish View Drop Down
Admin Group
Admin Group


Joined: 12-October-2006
Location: United Kingdom
Status: Offline
Points: 56
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hamish Quote  Post ReplyReply Direct Link To This Post Posted: 03-August-2009 at 12:05pm
Hi,
  In pcHeaderFooter08.css change :-



html, body {
    margin: 20px;
    padding: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color: #333;
    background-color: #333;
    text-align: center;

and...

     #pcMainArea08-BROWSE {
            width: 200px;
            background-color: #E8E8FF;
            border: 1px solid #9999CC;
            margin-bottom: 10px;
            /* IE 6 fix (content pushing out width) */
            overflow: hidden;
        }

    #pcMainArea08-BROWSE table {
            margin: 0 0 10px 6px;
        }

#pcMainArea08-BROWSE table td {
            padding: 4px 0 0 0;
        }
       
    #pcMainArea08-PRICE {
            width: 200px;
            background-color: #D2F0FF;
            border: 1px solid #9999CC;
            margin-bottom: 10px;
        }

    #pcMainArea08-LINKS {
            width: 200px;
            background-color: #E1F4F4;
            border: 1px solid #9999CC;
            margin-bottom: 10px;
        }


A great tool for analyzing and even dynamically changing the CSS is the "Web Developer" Firefox add-on. You can experiment to your hearts content and then, when you are happy, save the CSS and upload it to your site so that it's used in production. It also allows you to easily identify the rules that stle each element of a page.
Back to Top
skullsinc67 View Drop Down
Newbie
Newbie


Joined: 03-August-2009
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote skullsinc67 Quote  Post ReplyReply Direct Link To This Post Posted: 03-August-2009 at 12:06pm
Awesome! Thanks for your help. I'm gonna go try it out now.
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.031 seconds.