jeu4328 Posted November 11, 2013 Posted November 11, 2013 Can anyone tell me how to remove the border around the Reviews 'Stars' image? I am thinking it would be done in css Stylesheet ... but I'm not sure what the code should be. ______________ { border: none; } When I right click on the Stars image in FireFox I see the following: <img width="59" height="11" title="5 of 5 Stars!" alt="5 of 5 Stars!" src="images/stars_5.gif"> In the right column it references the line in my stylesheet which calls for images to have borders. However, I do not want a border around all images. I would like to remove the border around the Stars image. Can anyone advise me as to what I should add to my stylesheet to make this happen? Thank you, Jewell
jeu4328 Posted November 12, 2013 Author Posted November 12, 2013 For anyone who is looking for a way to remove the border around the Reviews 'Stars' image: I accomplished this by adding the following to my css Stylesheet: .contentText img { border: none; !important; } .infoBoxContents img { border: none; !important; } The top code removes the border around the stars on the Reviews page. The bottom code removes the border around the stars in the Reviews box in the right column. I would not have been able to do this without MUCH help from John (Joli1811). :thumbsup: Thanks again, John! You're a great asset to this forum! :D Jewell
jeu4328 Posted November 12, 2013 Author Posted November 12, 2013 Oops! :blink: Be aware that the above code also removed the border from other images throughout the program (except those on the Review page) The upside is that if you need to know how to remove the border from around images in the right column boxes or in the main area, these are the codes you would use! :P
Recommended Posts
Archived
This topic is now archived and is closed to further replies.