adding border to images in reviews sidebox, but NOT around stars

Yet another lay-out question for you guys, but as long as you keep solving them them as quickly as you have, I'll keep posting new ones. What I mean to say is: thanks for being so helpfull.

I wanted a border around the images in the reviews sidebox so I added the following to my stylesheet:
#reviews img, {border: 1px solid #bc66cb;}

This did the job. However it also put a border around the stars (obviously because this is also an img). Does anyone know how I can exclude the stars from the style declaration and where I can do this?

a link to your site ..

also , might help to create new rule for image in review section , so it wont effect the stars.

tony_sar:

a link to your site ..

also , might help to create new rule for image in review section , so it wont effect the stars.

Here's my site: http://mylittletoy.com/index.php. It's still under construction. You'll find the reviews at the bottom left.

I'm not sure what you mean by new rule for image in review section? Please explain.

the only way i can think of to remove the border from around the stars ,is to actually modifying review sidebox and adding id or class.

but mean time you can add this to the end of your stylesheet.css

#reviews img{
border: 1px solid #bc66cb;
}

this will add the border around review image and stars only as it now borders are applied to many other part of your site .

don't forget to remove the border from section that you originally added .

now you can do following .. before any modification , do backup ..

copy your tpl_reviews_random.php to your override. open the copy and add a class after

SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT around line 13

so looks like this

SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'class="reviewImg"'

you can name your class anything you want as long as is not repeated in your site ..

at the end of your stylesheet.css add the following .

.reviewImg {
border:1px solid #BC66CB
}

tony_sar:

now you can do following .. before any modification , do backup ..

copy your tpl_reviews_random.php to your override. open the copy and add a class after

SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT around line 13

so looks like this

SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'class="reviewImg"'

you can name your class anything you want as long as is not repeated in your site ..

at the end of your stylesheet.css add the following .

.reviewImg {
border:1px solid #BC66CB
}

That totally worked! :clap:

Thank you so much for looking in to this.