WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Popular Posts
[resolved] Issue with Bullet Points (5 posts)

  1. smarlin
    Member
    Posted 10 months ago #

    Hi there,

    Using the most recent version of WPP with WordPress 3.5.1 and MayaShop. URL is http://www.hothouseblog.org. I'm attempting to style the plugin for use on my website such that it looks like this:

    THUMBNAIL THUMBNAIL THUMBNAIL
    TITLE TITLE TITLE
    EXCERPT EXCERPT EXCERPT

    However, when I go into CSS and institute a "float:left" command for each section, it only works partway -- I suspect this is because of the bullet points being inserted by the plugin. Any thoughts as far as a CSS fix for this, or would I have to edit the plugin file itself? If so, any thoughts as to where I might begin looking? Thanks for your input!

    Seth

    Web Editor - Hothouse Magazine

    http://wordpress.org/extend/plugins/wordpress-popular-posts/

  2. Héctor Cabrera
    Member
    Plugin Author

    Posted 10 months ago #

    Hi Seth,

    The stylesheet of the plugin does not add any bullets to the listing (there's no list-style property anywhere in wpp.css), so my guess is that the bullets style is inherited from your theme's style.css stylesheet (or any other stylesheet used by it or added by other plugin(s)).

    This is easily fixable, though. Change your current code from:

    <?php if (is_home()): ?>
    <?php if (function_exists('wpp_get_mostpopular')) wpp_get_mostpopular("range=monthly&limit=3&stats_comments=0&post_type=post&thumbnail_width=100&thumbnail_height=60&excerpt_length=55&post_html='<li>{thumb} {title} <span class=\"wpp-excerpt\">{summary}</span></li>'"); ?>
    <?php endif; ?>

    ...to:

    <?php if (is_home()): ?>
    <div class="wpp-list">
    <?php if (function_exists('wpp_get_mostpopular')) wpp_get_mostpopular("range=monthly&limit=3&stats_comments=0&post_type=post&thumbnail_width=100&thumbnail_height=60&excerpt_length=55&post_html='<li>{thumb} {title} <span class=\"wpp-excerpt\">{summary}</span></li>'"); ?>
    </div>
    <?php endif; ?>

    Then, add this to your CSS:

    .wpp-list { /* popular posts container */
    
    }
    
    	.wpp-list li { /* LI - post container */
    		list-style:none;
    	}

    That should remove the bullets.

  3. smarlin
    Member
    Posted 10 months ago #

    Thanks for the reply. Per your reccomendation I implemented the revised codeblock into Loop.php, as well as the CSS segment within the Edit CSS Page of the Dashboard. While it DOES eliminate the bullets, it also does this really gnarly thing with moving our sidebar down to the bottom of the page. Obviously no bueno.

    Upon further review, it seems that the segment that allows us to remove the bullets is the same which causes this issue:

    <div class="wpp-list">

    If I remove that, the site goes back to normal, though even with the CSS code still in place. Bullets return, and it's as if nothing every happened. Is there a way to eliminate the bullets without radically altering the behavior of the sidebar, or should we begin exploring alternate styling options? Thanks for all your help on this.

    Seth

  4. Héctor Cabrera
    Member
    Plugin Author

    Posted 10 months ago #

    Hi Seth,

    Apologies for the late reply, I've been quite busy with work projects lately.

    How about changing your code to:

    <?php if (is_home()): ?>
    <?php if (function_exists('wpp_get_mostpopular')) wpp_get_mostpopular("range=monthly&limit=3&stats_comments=0&post_type=post&thumbnail_width=100&thumbnail_height=60&excerpt_length=55&wpp_start='<ul class=\"wpp-list\">'&wpp_end='</ul>'&post_html='<li>{thumb} {title} <span class=\"wpp-excerpt\">{summary}</span></li>'"); ?>
    <?php endif; ?>

    Also, use the CSS style block I posted before. It should work now.

  5. smarlin
    Member
    Posted 10 months ago #

    No worries. The "div class" bracket still does hinky things with the sidebar, but the other more recent set of changes, combined with the CSS block you devised, seem to address the issue. Thanks! Will work to see about instituting a "float:left" command black in the plugin itself -- may hit you later with further questions. Thanks so much!

Reply

You must log in to post.

About this Plugin

About this Topic