Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Cant find the CSS involved

Cant find the CSS involved

Locked

Views: 1,329

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
9 Oct 2007, 9:57 PM
#1
funkmanusa avatar

funkmanusa

New Zenner

Join Date:
Sep 2007
Posts:
38
Plugin Contributions:
0

Cant find the CSS involved

Im trying to change the Product Name and Price css on the new products listed on the home page, but I cant find the specific css attached to those two items.
:frusty:

The only thing the Firefox web developer tool finds is the a:visited { and I dont want the change globally, just for these two items.

If it is the same css, I'd like to be able to make the "all listing" show the same font treatments as the new products.

Heres my site in progress to see what I mean...
http://citysatchel.com/zen-cart/

Thanks in advance.

9 Oct 2007, 10:18 PM
#2
crazycucumber avatar

crazycucumber

Zen Follower

Join Date:
Jan 2006
Posts:
403
Plugin Contributions:
0

Re: Cant find the CSS involved

have a look under the main content section of your css for

.centerBoxContentsNew
.centerBoxContentsSpecials

and split those out from the multi lines they are in , then add your style .
is one way of doing it.

.centerBoxContentsNew {font-size: 3em;} will make your font huge so you can see the effect quickly !

9 Oct 2007, 10:39 PM
#3
funkmanusa avatar

funkmanusa

New Zenner

Join Date:
Sep 2007
Posts:
38
Plugin Contributions:
0

Re: Cant find the CSS involved

That did the trick crazy cucumber, but how do modify the price now?

9 Oct 2007, 10:40 PM
#4
funkmanusa avatar

funkmanusa

New Zenner

Join Date:
Sep 2007
Posts:
38
Plugin Contributions:
0

Re: Cant find the CSS involved

Oh and just the price, this changed both the product name and price....

10 Oct 2007, 8:25 AM
#5
crazycucumber avatar

crazycucumber

Zen Follower

Join Date:
Jan 2006
Posts:
403
Plugin Contributions:
0

Re: Cant find the CSS involved

ok , so if you take your CSS and Add the 'a' for the linky bit

original css will do the price :-

.centerBoxContentsNew {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
}

new CSS will do the link text !

.centerBoxContentsNew a{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 2em;
font-weight: bold;
}

have fun ( nice template design BTW )

10 Oct 2007, 8:27 AM
#6
crazycucumber avatar

crazycucumber

Zen Follower

Join Date:
Jan 2006
Posts:
403
Plugin Contributions:
0

Re: Cant find the CSS involved

also you may need to take a look at

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount
{
color: #ff0000;
}

For the Red ,on sale items. although it will inherit from the previous CSS class.