Print Page | Close Window

CSS Conflict... help!

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=1471
Printed Date: 22-April-2025 at 11:26am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com


Topic: CSS Conflict... help!
Posted By: Westbrass
Subject: CSS Conflict... help!
Date Posted: 20-March-2008 at 5:58pm

http://67.199.47.96/store/pc/home.asp - http://67.199.47.96/store/pc/home.asp

I have gone over our Header, Footer and SmallSearchBox.asp, line by line.

I am using pcStorefront.css as our style sheet.

The only text that I have defined as white (#ffffff) is our links, because they are on black or gray back backgrounds.

But no matter what, the h1 header and body text appears white...

Any ideas?



-------------
Stan Hoskins
Westbrass



Replies:
Posted By: netprofits
Date Posted: 20-March-2008 at 6:47pm

In pcStoreFront.css you have this definition:

.pcMainTable {
 width: 100%;
 border: 0;
 border-collapse: collapse;
 color: #FFFFFF;
}
which forces all text in the main table to be white unless otherwise specified. In your h1 tag you are using the wrong tag for the color:

 .pcMainTable h1 {
  background-color: #E5E5E5;
  font-color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 5px;
 }
 
It should be color, not font-color, so the black does not take affect for your h1 tag. It inherits from the the pcMainTable color of white.



-------------
NetProfits Internet Consulting

Certified ProductCart Developer

http://www.nicwebdesign.com" rel="nofollow - Our Site


Posted By: Westbrass
Date Posted: 20-March-2008 at 7:21pm

Are you saying I should remove the color definition in .pcMainTable?

And should I remove or change font-color to font?

Thanks for your time!



-------------
Stan Hoskins
Westbrass


Posted By: Greg Dinger
Date Posted: 20-March-2008 at 7:31pm

<<<It should be color, not font-color>>>

color: #000000;



-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |


Posted By: Westbrass
Date Posted: 21-March-2008 at 2:51pm

Thank you!

While that issue is resolved, I just noticed This page:

http://67.199.47.96/store/pc/viewPrd.asp?idcategory=&idproduct=1 - http://67.199.47.96/store/pc/viewPrd.asp?idcategory=&idp roduct=1

The product details text is white. I'm not sure what CSS guide to fix/change...

Any ideas?



-------------
Stan Hoskins
Westbrass


Posted By: netprofits
Date Posted: 21-March-2008 at 3:04pm

The easiest way to find styles is to view the page in your browser and then choose View Source to see the actual HTML code. Search for the text you want to modify the style for and see what class or id is associated with it. If the text is in the content of the page, then the class is in the pcStoreFront.css file. If it is in the header or footer then it is in the pcHeaderFooter.css file.



-------------
NetProfits Internet Consulting

Certified ProductCart Developer

http://www.nicwebdesign.com" rel="nofollow - Our Site


Posted By: Hamish
Date Posted: 21-March-2008 at 4:32pm
I highly recommend Firefox with the Web Developer add-on - It has  great tools for examining - and even editing your CSS on the fly, obviously non-permanent changes - but you can then save the resulting CSS file when your happy with it.


Posted By: Westbrass
Date Posted: 21-March-2008 at 5:07pm
Thanks, I'll look into it.

-------------
Stan Hoskins
Westbrass



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