adding new stylesheet to reviews box

[vptuning]

Hey guys,

 

Need some help here, after some experimenting did not go as well as planned.

 

I currently have the reviews box (reviews.php) in my column_left

 

When there are no product reviews, it displays "There are currently no product reviews".

 

However, this is tied in with the stylesheet for my catagories box text, and I want to make the font for the reviews.php text smaller (10px).

 

How do I edit my reviews.php to add a new style sheet (call it class="reviews) to reflect the desired smaller font size? I already have added a new stylsheet definition as:

 

reviews {

 font-size: 10px;

}

Should I perhaps specify the above CSS code to be

TD.reviews {

 font-size: 10px;

}

instead?

 

I appreciate any help you guys can offer.

[paulm2003]

Hi,

I am not sure what you are looking for, but I would edit: "catalogincludesboxesreviews.php" to create the class

<td class="reviews">

(the first <td>, at line 15)

 

reviews {

 font-size: 10px;

}

Should I perhaps specify the above CSS code to be

TD.reviews {

 font-size: 10px;

}

instead?

Isn't it quicker to try, than to ask or answer this question? :wink:

 

Please tell me if it works,

Good luck!

[vptuning]

Well Paul, sure it is, but if you re-read my post, the first thing I said was that experimenting did not go successful. So yes, it is quicker to try, and I did, and then I turned here for help!!! :evil:

 

I tried both way in the style sheet, but it did not affect anything.

 

Anyone else have something more useful to say?

[paulm2003]

Sorry,

I misunderstood, I'll give it another try, hope this is usefull.

 

looking at the code of the reviews box (not sure if yours is the same)

<td class="reviews">

             <table border="0" width="100%" cellspacing="0" cellpadding="0">

               <tbody><tr>

                 <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt="" width="11" height="14"></td>

                 <td width="100%" height="14" class="infoBoxHeading">Reviews</td>

                 <td height="14" class="infoBoxHeading" nowrap="nowrap"><a href="http://www.televisiedokter.nl/catalog/reviews.php?osCsid=056996dd50875fc6a368f87ac56c140f"><img src="images/infobox/arrow_right.gif" border="0" alt="more" title=" more " width="12" height="10"></a><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>

               </tr>

             </tbody></table>

             <table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">

             <tbody><tr>

               <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">

             <tr>

               <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>

             </tr>

             <tr>

               <tbody><tr><td class="boxText">

.............................................etc.

Did you try:

td.reviews table td.infoBoxHeading { font-size: 10px; }

and/or

td.reviews table td.infoBoxContents { font-size: 10px; }

and/or

td.reviews table td.boxText { font-size: 10px; }

 

depending on your needs

[Ajeh]

Isn't that text a link? If so, then you need to be working with an A.classname in the <a href> and not just the <td class=>

 

You have to fool with this a bit, and unfortunately I don't have the time to right now, but you can get a class into the <a href> of the box and then have a class with its own seperate colors.

 

... providing that is a link issue. :D

[paulm2003]

Isn't that text a link? If so, then you need to be working with an A.classname in the <a href> and not just the <td class=>

 

or add the "a" at the end:

td.reviews table td.infoBoxHeading a { font-size: 10px; }

 

(But the text "There are currently no product reviews" isn't a link)

 

 

again it depends........

[vptuning]

OK guys,

 

Paul, thanks for your second reply. I was able to get it working!

 

Like you said, the text "There are currently no product reviews" is not a link.

 

I added the class="reviews" to the TD of reviews.php file, and then I added into my style sheet

 

td.reviews table td.boxText { font-size: 10px; }

 

and it worked!

 

Thanks for the help guys.

[paulm2003]

glad I could help in the end :D

CSS (Cascading Style Sheets) make me: :D :D :D

 

but sometimes CSS make me: :shock: :? :evil: :cry: