Still working at cleaning up my css.

On my product page, https://www.decorativepaintingstore.com/products.php?cat=Susan Kelley
I'm trying to style the Discount info in each of the products on my Product page. I've got this added to my ect.css (my style.css)...

div.allproddiscounts{
font-size: 16px;
color:crimson;
width:100%;
clear:both;
float:left;
text-align:center;
display:block;
}

/* DISCOUNTS APPLY HEADING*/
span.discountsapply{
font-size: 16px;
color:crimson;
width:100%;
clear:both;
text-align:center;
padding-top: 10px;
}
/* ACTUAL DISCOUNT TEXT */
div.proddiscounts{
font-size: 14px;
color:royalblue;
width:100%;
clear:both
float:left;
text-align:center;
}

I removed this product display line from my includes.php file.

//$GLOBALS['useproductbodyformat']=2;

But I cannot get the text color to change from the orange color what is set up in the css/ectstyleproduct2.css.

Suggestions please?

Hi again
I think using the !important will sort out the royalblue...

color:royalblue !important;
width:100%;
clear:both;
float:left;

There is also a semi colon missing after clear:both

You have...
span.discountsapply{
...but that might need to be...
div.discountsapply{

You may also need an !important there for the color.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Thank you, thank you! That looks much better!

Still trying to sort out what's old stuff from the tables version that needs to be removed vs. new css styling, but I will eventually get there.

Hi Sharon

Gary Flack @ ITZAP posted this on the 15th July 20 regarding a new experimental feature in Chrome where you can get an overview of the CSS used on a site, from how many colors there are to the number of unused declarations… even down to the total number of defined media queries.

https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=113052

Just thinking this feature may help you out & save time

Steve
Egerton Village, Bolton, UK

Thank you. I'll check out the article.