WordPress.org

Ready to get started?Download WordPress

Forums

Posts in Sidebar
[resolved] Modifying Appearance (8 posts)

  1. Groques
    Member
    Posted 1 year ago #

    Hi could someone detail how to edit the css of the plugin so I can get the thumbnail size to 85x85 and the title text to appear to the right of the image?

    Similar to the "Lastest News" section on hotnewhiphop.com

    (The news section is on the righthand side of the homepage, if you scroll down a little bit)

    http://wordpress.org/extend/plugins/posts-in-sidebar/

  2. aldolat
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  3. Groques
    Member
    Posted 1 year ago #

    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 150x150 to 85x85 in my theme css? Any way around that... because I use the thumbnail size for other things in the site?

  4. aldolat
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  5. Groques
    Member
    Posted 1 year ago #

    AbuseItMusic.com

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

    Thanks again for taking the time to help me

  6. aldolat
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  7. Groques
    Member
    Posted 1 year ago #

    Amazing! Thank you very much!

  8. aldolat
    Member
    Plugin Author

    Posted 1 year ago #

    You're welcome and I'm happy you resolved. ;-)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic