Print Page | Close Window

Background color

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=2916
Printed Date: 25-July-2025 at 10:58am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com


Topic: Background color
Posted By: skullsinc67
Subject: Background color
Date 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?



Replies:
Posted By: Hamish
Date 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.


-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code



Posted By: skullsinc67
Date Posted: 03-August-2009 at 11:47am
http://www.motorcityperformancecycle.com/store/pc/home.asp


Posted By: skullsinc67
Date Posted: 03-August-2009 at 11:48am
I'd also like to change the Category, Price and links backgrounds to white also.


Posted By: Hamish
Date 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.

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code



Posted By: skullsinc67
Date Posted: 03-August-2009 at 12:06pm
Awesome! Thanks for your help. I'm gonna go try it out now.



Print Page | Close Window

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net