X-Cart forums

[sunedaze]

My product description text on the thumbnail pages is very small, and I have tried adjusting my font sizes in the skin1.css file, but I can't figure out how to make that particular text larger. Here is a link to see what I am referring to:

http://www.taostrading.com/indianjewelry/home.php?cat=289

Does anyone know how or where I can change the font size for that text? Or do I have to add it under something in the skin1.css file? Any help would be appreciated!

[balinor]

That defaults to the global text size. In order to change that, you would need to add a new style, and call that style in customer/main/product.tpl.

[sunedaze]

How do I add a new style, and where do I put it? I am new to xcart and this type of coding. Thank you!

[balinor]

Please don't post a new thread on an existing topic. I have closed your second post.

[carpeperdiem]

I read your 2nd post (that was closed) -- you don't quite have the CSS format yet...

}
.ThumbnailText {
FONT-SIZE: 12px;

Not quite. Read up a bit on CSS. Here's one site: http://www.w3schools.com/css/

A CSS class will usually start with a "." then the "{" and "}" surround the elements... like this:

.ThumbnailText { FONT-SIZE: 12px; }

Now, to call it, use the class wtihin the TD...

<TR><TD colspan="2" class="ThumbnailText">{$lng.lbl_details}</TD></TR>

This is very basic html. There are many resources on the web to learn about this. Good luck.

[sunedaze]

Thank you for your help. I made the .thumbnailText in my skin1.css

.ThumbnailText {
COLOR: #00ff00;
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
}

When I change the <TR><TD colspan="2" class="ProductDetailsTitle">{$lng.lbl_details}</TD></TR> to <TR><TD colspan="2" class="ThumbnailText">{$lng.lbl_details}</TD></TR>

all it changes in the word "Details" on my main product page to green (which I have specified as my .ThumbnailText for testing purposes), and doesn't change anything on my product thumbnails page. Am I missing something? Do I need to change it somewhere else, or is it something I have to manually add into the template, not just change? If so, how & where?

I apologize if I sound clueless, this is new to me and I have figured out a lot on my own (and gotten a lot of help from the forums, thank you all!), but this is stumping me....

[carpeperdiem]

Well, that's because you assigned that class to the table cell that contains {$lng.lbl_details}

On the link you provided, that page would be products.tpl
The text that says:

"This whimsical sterling silver turtle is set with rare Dry Creek turquoise. The soft blue color contrasts with the dramatic thundercloud and whirlwind designs. Each stone is unique. Native American handcrafted."

would be:

<font size="1">
<br />
<br />
{$products[product].descr|truncate:300:"...":true}
<br />
</font>

To make it bigger, change the font size (although personally, I don't like "font size" -- I prefer specifying "10px" or ".8em" or whatever makes you happy... but that's another book.

You can learn how to find this by reading Balinor's template editing guide, then go into webmaster mode, and go to town...

[sunedaze]

THANK YOU !!!

I was looking in the product.tpl from the earlier list post, so that is where some of my confusion was coming from. I got the problem fixed - thanks for taking the time to help out!