listingextras.tpl Changing icons

[nagrap2]

Hi,

I am trying to replace the default images for links suchas "Add to Favorites, Printer Friendly Version, etc"

I have placed image files on server.

I have updated the CSS file with the new image filenames for the following sections:

.favorites {
background: url('../images/favorites.png') left top no-repeat;
padding: 0px 0 2px 20px;
margin-left: 10px;
height: 75px;
}

The issue I'm having is the height of the image on the front end has not adjusted to 75px as per my css above, instead the image has been truncated up to the height of the text. Is there some other parameter I need to set in order to increase the height of the image?

[Lhotch]

Im no css guru so cant tell you if other parameters may be needed but I having the browser do resizing of images makes for cappy looking images. Resize the imaze in a legitimate image editiong software to be the size you want displayed on the page.

[nagrap2]

Hi,

The image is already sized, I am not trying to resize it. I have removed any height settings from the CSS file for the class .favorites but on the front end the image is still being truncated and only displaying the top part of it.

[Lhotch]

Originally Posted by nagrap2

Hi,

The image is already sized, I am not trying to resize it. I have removed any height settings from the CSS file for the class .favorites but on the front end the image is still being truncated and only displaying the top part of it.

Then its probably going to have to do with a surrounding elementm padding, margin etc but without being able to see it and having no idea what template you are even using all anyone can do is guess.

[seymourjames]

Put a margin for height in the css and I am pretty sure it will be fine. We used to do this in our old templates because of this problem. I thought it was fixed in the new default template.

As Larry says

Please post your 68 Classifieds type (Designer, Developer), version (4.0.x, 4.1.x) and template in your postings asking for help. This information will help you get better answers for your posts. A great place to do this is in your signature!

Also, a link to your site means it can be analyzed or we are just guessing.