X-Cart forums

[*LCG*]

I have taken over designing a site and administering it.
https://store.studioproducts.com
I have received a lot of help from XCart support desk and have spent a lot of time reading here...

I've looked and looked (and searched here) for where to change the font style and size for my subcategories, related and recommended lists. They all seem to be the same. Can anyone help me before I ask the Help Desk for help, again.
Thank you -
Linda

[gb2world]

It could be defined in the class DialogTitle, depending on exactly what you are trying to modify.

For debugging - I would recommend using Firefox browser with an addon like firebug
With that and the XCART webmaster mode - you will be able to trace just about anything.

[*LCG*]

Thank you, gb2world
I've used webmaster mode...that is a very cool feature. I still can't trace were the font style and size for the lists are called out. It's a serif and no where do I see code for serif (does unspecified default to that?). Wondering if something was snipped out, I've checked original templates against what I have with no luck. The subcatergories were so small (same as the recommended lists and upselling) that until I can find where to edit, I've rearranged and have none now.

[gb2world]

Webmaster is not as powerful when tracing where css comes from - that is where firefox with firebug are useful.

I'm not sure I understand what your are after, but hopefully this helps.

I used firebug to look at the css for an item in your recommended products list on a product page.

If it is the font size you want to change, it looks like it is from li.ItemsList
<li class="ItemsList">

It looks like the font style seems to be inherited from td.

from firebug:

a:hover {skin1.css (line 11)
color:#CC6600;
text-decoration:none;
}
a:link {skin1.css (line 5)
color:#330000;
text-decoration:none;
}
Inherited fromli.ItemsList
.ItemsList {skin1.css (line 14
color:#330000;
font-size:10px;
font-weight:bold;
}
Inherited fromtd.DialogBox
body, p, div, th, td, p, input, select, textarea {skin1.css (line 1)
color:#000000;
font-family:Georgia,Arial,Helvetica,Sans-serif;
font-size:100%;
}
Inherited fromtd.DialogBorder
body, p, div, th, td, p, input, select, textarea {skin1.css (line 1)
color:#000000;
font-family:Georgia,Arial,Helvetica,Sans-serif;
font-size:100%;
}
Inherited fromtd.center-coll
body, p, div, th, td, p, input, select, textarea {skin1.css (line 1)
color:#000000;
font-family:Georgia,Arial,Helvetica,Sans-serif;
font-size:100%;
}
Inherited fromtd
body, p, div, th, td, p, input, select, textarea {skin1.css (line 1)
color:#000000;
font-family:Georgia,Arial,Helvetica,Sans-serif;
font-size:100%;
}
Inherited frombody
body, p, div, th, td, p, input, select, textarea {skin1.css (line 1)
color:#000000;
font-family:Georgia,Arial,Helvetica,Sans-serif;
font-size:100%;
}

[*LCG*]

That's it! Oh, that is wonderful...changed the 10px to 90%. I'm going to play around with Firebug tonight and see if I can't solve some of my other minor mysteries. Thank you so much, gb2world.

EDIT: Yes, Firebug is great tool! Thanks, again.