Easy Review Icons

[DiveBelow]

I have successfully uploaded new icons and things seem to be working great. My only issue is that they are not horizontal. Any ideas on how to fix this?

http://divebelow.com/?p=8

[doug@dyerware.com]

Should be doable.  Leave that test page up and I'll look at it today

[doug@dyerware.com]

Hi there... ok here is what is going on.  In your style.css your theme is forcing images to have the block attribute.  Just search for this text.
.post img { display:block; }

I recommend changing it thusly and see how things look:
.post ximg { display:block; }

the 'x' creates an unknown attribute so the line is ignored.  You can just remove the x if the results are not to your liking.

Pls let me know if this helps you
regards
d

[DiveBelow]

That worked! I still need to edit my icons so the beer mugs are the same size, but it looks great. Thanks.

I had seen a similar response to another person when I searched the forum before asking, but somehow that didn't work for me. This solution did. I sent a small donation your way for your time.

[doug@dyerware.com]

thanks mate!

glad to help.  love the beer icons

[keesimps]

Sorry to piggyback on this post, but I was having trouble finding any relevant posts to my issue and this fits one of them... I use a mac so didn't notice that the icons were stacking until I went to my site with a windows computer in internet explorer, but as noted, they look fine on a mac in safari. Here is a post - http://drunkenvegan.com/?p=23 . I looked through my css code for the post img code and couldn't seem to find it so maybe mine is a different issue?

Also, is there any way to modify the code to have more than one custom icon and hopefully two? I would like to make one for the food so that I have one for the beer and one for the food. Thanks.

DiveBelow - cool concept and guess we are doing some similar things!

[doug@dyerware.com]

I'll take a look this evening!   Sorry for the delay

[doug@dyerware.com]

keesimps

ok similar issue but different css rule

in your style.css, line 142 there is a rule that encompasses img and has a
float:left;
also it is creating the odd background by way of the
background:none repeat scroll 0% 0% rgb(116, 98, 65);
line.


I recommend you put an 'x' in front of img to make the rule ignored with respect to the img tag.  Also makes it easy to restore the change should it not work out.

let me know
-d

-d

[keesimps]

That worked like a charm! Thanks for your time and help... The only thing that I can't seem to find and am not sure what you are referring to is the "odd background"; please advise. Thank.

[doug@dyerware.com]

I can't remember.  Think maybe I was referring to the background of the icons not
matching the review row