WordPress.org

Support

Support » Plugins and Hacks » Posts in Sidebar » [Resolved] Modifying Appearance

[Resolved] Modifying Appearance

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author aldolat

    @aldolat

    Hi,
    the plugin hasn’t any CSS file, so you have to edit the CSS of your current theme.

    Add this style at the end of it:

    .widget.posts-in-sidebar img {
    float: left;
    height: 85px;
    margin-right: 10px;
    width: 85px;
    }

    Modify the value of margin-right to fit your needs.

    Also consider that the plugn retrieves the image after the title has been displayed, so the image will be printed after it.

    Groques

    @groques

    Thanks for the response,
    I tried entering the code and it didn’t do anything though.
    Maybe I entered it in the wrong spot?
    Sorry I’m new to this, meant editing the php of the plugin.
    So I’d have to change the default thumbnail size of 150×150 to 85×85 in my theme css? Any way around that… because I use the thumbnail size for other things in the site?

    Plugin Author aldolat

    @aldolat

    Modifying the CSS of your current theme will involve only the images of this plugin, because we’re targeting an exact CSS class. You do not have to modify any other file nor any other setting in your current theme. We are telling the browser to modify the appearance of some exact images only.

    Probably we have to edit the style I suggested. Could you tell me the URL of your site? In this way I can help you better.

    Groques

    @groques

    AbuseItMusic.com

    I’m using the leaf theme (if that helps)

    Thanks again for taking the time to help me

    Plugin Author aldolat

    @aldolat

    Groques,
    as I already told you, the problem is that the title is called before outputting the image. Thanks to CSS, we could resolve in this way.

    1) Remove the lines you just added in your CSS.

    2) Copy and paste the following lines at the end of your CSS file:

    .widget-area .widget li.pis-li {
    clear: both;
    }
    
    .widget-area .widget p.pis-title {
    clear: none;
    float: right;
    width: 200px;
    }
    
    .widget-area .widget p.pis-excerpt {
    clear: none;
    float: left;
    }
    
    .widget img.pis-thumbnail-img {
    float: left;
    margin-right: 10px;
    width: 85px;
    height: 85px;
    }

    3) Test the changes.

    I already tested in live mode on your site and these changes work fine. Let me know if you need any further help.

    In case you resolve, mark as resolved this thread.

    Groques

    @groques

    Amazing! Thank you very much!

    Plugin Author aldolat

    @aldolat

    You’re welcome and I’m happy you resolved. 😉

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Modifying Appearance’ is closed to new replies.
Skip to toolbar