Support » Fixing WordPress » Mysterious extra padding-right to images. How to get rid of it

Viewing 5 replies - 1 through 5 (of 5 total)
  • So my theme has a built in Flickr widget that is displaying images correctly. If only I could somehow make Author Avatar List and Login with Ajax display author avatars the same way..

    Here’s the CSS for the Flickt widget:

    /* Flickr widget */
    		.flickr_badge_image { float:left; margin-right:15px; margin-bottom:13px; }
    		.flickr_badge_image img { padding:4px; border:1px solid #E5E5E5; }
    		#footer .widget .flickr_badge_image { margin-right:5px; margin-bottom:6px; }
    		#footer .widget .flickr_badge_image img { width:50px; height:50px; background:#FFF; }


    You should change

    at line around 280…the margin-right: 14px; to margin-right: 0px;

    .avatar {
    float: left;
    margin-right: 14px;

    Simon you are awesome! That totally worked!!! I must have read the freakin stylesheet at least a dozen times and I did not see it. Thank you!

    Do you think you could give me a hand with Login with Ajax as well?

    I’ve tried playing with these settings:…

    /*** Override Login with AJAX ***/
    #LoginWithAjax_Avatar { width:50px; padding:4px; border:1px solid #E5E5E5; }

    ..but the width seems to be fixed. Only height of the border will change using that snippet. The padding should be 4, and it is on the left and on the bottom. But it looks like it’s more on the top and right side of the avatar. Both the height and width are currently set so 0.

    Try and add semicolon between “border:1px ” and ” solid #E5E5E5;” below.

    LoginWithAjax_Avatar { width:50px; padding:4px; border:1px; solid #E5E5E5; }

    If I do that the border dissapears alltogether. Maybe the stylesheet is not overriding the plugin css.

    The plugin css says:
    `#LoginWithAjax_Avatar { width:60px; padding-right:10px; }

    And those are exactly the two things I can’t change

    I’ll go ahead and ask my question in the plugin support forum. Thanks for all the help Simon!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mysterious extra padding-right to images. How to get rid of it’ is closed to new replies.