WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Popular Posts
CSS Issues (34 posts)

  1. kbrkal
    Member
    Posted 1 year ago #

    I am using most up to date version of wordpress & wordpress popular posts.

    Since the update my css changes are no longer working.

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

  2. kbrkal
    Member
    Posted 1 year ago #

    Here is what I have in the css file & this was working with version 2.3.2 but no version after.

    /* title styles */
    .wpp-post-title {
    height:40px;
    padding-right:30px;
    width:230px;
    font-weight:bold;
    text-decoration: none;
    font-size: 12px;
    color: #015B7D;
    }

    /* thumbnail styles */
    img.wpp-thumbnail {
    float: left;
    padding:5px;
    width: auto;
    }

    /* excerpt styles */
    .wpp-excerpt {margin:0px;
    }

    /* Stats tag styles */
    .post-stats {
    font-size:9px;
    font-weight:bold;
    }

    .wpp-comments {
    }

    .wpp-views {
    }

    .wpp-author {
    font-style:italic;
    }

    .wpp-date {font-weight:italic;
    font-size: 10px;
    }

  3. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    Hi kbrkal,

    Can you please post your site's URL here?

  4. kbrkal
    Member
    Posted 1 year ago #

  5. AndrzejR
    Member
    Posted 1 year ago #

    Same thing here Hector,
    In new version my changes in css file are no longer working
    old version worked ok.
    http://addictioninfamily.com/

  6. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    Ah, I see what's going on. Thanks for the link, kbrkal!

    @kbrkal, please change this:

    /* thumbnail styles */
    img.wpp-thumbnail {
    float: left;
    padding:5px;
    width: auto;
    }

    ... into:

    /* thumbnail styles */
    .wpp-thumbnail {
    float: left;
    padding:5px;
    width: auto;
    }

    My bad. I made some changes in the plugin's code that affected the wpp-thumbnail class without noticing it.

    @AndrzejR you're probably also being affected by this change. Please do the modification I posted above and let me know what happens.

  7. kbrkal
    Member
    Posted 1 year ago #

    I made those changes and it did move up and realigned the link and title of the article however its still not pulling in what I have. Is below the right code?

    /* title styles */
    .wpp-post-title {
    height:40px;
    padding-right:30px;
    width:230px;
    font-weight:bold;
    text-decoration: none;
    font-size: 12px;
    color: #015B7D;
    }

  8. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    Are you trying to align the text with the upper border of the thumbnail? If so, try this change:

    /* title styles */
    .wpp-post-title {
    display:inline;
    float:left;
    height:40px;
    padding-right:30px;
    width:230px;
    font-weight:bold;
    text-decoration: none;
    font-size: 12px;
    color: #015B7D;
    }
  9. kbrkal
    Member
    Posted 1 year ago #

    Did not fix it.

    I have now uploaded old version of plugin that works with the below CSS.

    Go to http://www.pokereagles.com and see how the Most Viewed Stories looks.

    How do I replicate that look with your new updated plugin since it seems the css changed.

    /* title styles */
    .wpp-post-title {
    height:40px;
    padding-right:30px;
    width:230px;
    font-weight:bold;
    text-decoration: none;
    font-size: 12px;
    color: #015B7D;
    }

    /* thumbnail styles */
    img.wpp-thumbnail {
    float: left;
    padding:5px;
    width: auto;
    }

    /* excerpt styles */
    .wpp-excerpt {margin:0px;
    }

    /* Stats tag styles */
    .post-stats {
    font-size:9px;
    font-weight:bold;
    }

    .wpp-comments {
    }

    .wpp-views {
    }

    .wpp-author {
    font-style:italic;
    }

    .wpp-date {font-weight:italic;
    font-size: 10px;
    }

  10. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    I'll give you a hand with that tomorrow, as I'm going home now. Should be easy to replicate! In the meanwhile, please stay on the old version.

  11. kbrkal
    Member
    Posted 1 year ago #

    Thank you, I will wait for your response.

  12. kbrkal
    Member
    Posted 1 year ago #

    Can you help with this today?

  13. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    Yup, actually I started working on it an hour ago :P. Please download and install this test version of the plugin since it contains a few changes - including modifications to the CSS classes. It already comes with texts floating next to the images so you don't need to make any changes at all, just use the wpp.css stylesheet included with this version :)

  14. dodonnell
    Member
    Posted 1 year ago #

    Ha, have had this issue myself for maybe a week now, my side bar has looked horrible, spent an hour trying to figure why the hell the custom css wasn't being used! Looking forward to the update being pushed live, thanks!

  15. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    @dodonnell the update might take some time, though. Other users have reported a bug with missing thumbnails when using external images, so I need to look into that too. The link I posted above it's almost the same as version 2.3.5 but with some minor changes and fixes, should be safe to use (or you can simply wait until I get everything fixed hehe).

  16. dodonnell
    Member
    Posted 1 year ago #

    Thanks for the update Hector, good luck getting it sorted, love the plugin.

  17. kbrkal
    Member
    Posted 1 year ago #

    Hector,

    I just uploaded and its still not pulling in my css changes.

    I have now uploaded old version which still works.

  18. dodonnell
    Member
    Posted 1 year ago #

    Where can I grab the old version?

  19. kbrkal
    Member
    Posted 1 year ago #

    Version 2.3.2 is the only one that works. All others do not pull in CSS changes.

  20. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    Please try clearing your browser's cache. As I said in the previous post, the changes are already included in the wpp.css file - no need to change anything.

  21. kbrkal
    Member
    Posted 1 year ago #

    Hector,

    I cleared cache and I am using the wpp.css and its still not displaying correctly.

    In version 2.3.2 the following CSS would display the Most Viewed Stories. With your new updated version of this plugin what do I have to change the following to so your new plugin picks it up and displays just as it was in version 2.3.2?

    /* title styles */
    .wpp-post-title {
    height:40px;
    padding-right:30px;
    width:230px;
    font-weight:bold;
    text-decoration: none;
    font-size: 12px;
    color: #015B7D;
    }

    /* thumbnail styles */
    img.wpp-thumbnail {
    float: left;
    padding:5px;
    width: auto;
    }

    /* excerpt styles */
    .wpp-excerpt {margin:0px;
    }

    /* Stats tag styles */
    .post-stats {
    font-size:9px;
    font-weight:bold;
    }

    .wpp-comments {
    }

    .wpp-views {
    }

    .wpp-author {
    font-style:italic;
    }

    .wpp-date {font-weight:italic;
    font-size: 10px;
    }

  22. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    You don't need to use that anymore. Just use the stylesheet included in the test version I posted above and it should work out of the box.

  23. kbrkal
    Member
    Posted 1 year ago #

    Hector,

    I am not using this a widget but instead its hardcoded via this php

    <?php if (function_exists('wpp_get_mostpopular')) wpp_get_mostpopular("post_type=post&limit=3&thumbnail_width=50&thumbnail_height=50&range=monthly&order_by=avg&stats_comments=0&title_length=55&stats_date=1"); ?>

    Would that make a difference?

  24. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    Nope, the CSS stylesheet is the same for both the widget and the wpp_get_mostpopular template tag, unless you use the custom HTML markup feature which isn't your case.

  25. dodonnell
    Member
    Posted 1 year ago #

    Can I get a dl link to the prior version so it work in the mean time?
    Thx

  26. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

  27. dodonnell
    Member
    Posted 1 year ago #

    Thanks Hector, appreciate it!

  28. kbrkal
    Member
    Posted 1 year ago #

    Hector,

    I am using your test version that you sent me. I enabled WordPress Popular Posts Stylesheet and I saw no change. I cleared on cache. It seems for some reason its not pulling the wpp.css.

    So I ended my style.css and I put the wpp_get_mostpopular within a div that I called popularposts

    I have the following in style.css

    /* title styles */
    .popularposts a {
    padding-top:15px;
    font-weight:bold;
    text-decoration: none;
    font-size: 12px;
    color: #015B7D;
    }

    However its still not displaying correctly. I want it to display just like you see under Get Connect on http://www.pokereagles.com/news/5650/ben-mezrich-tries-to-defend-the-indefensible.php

    with the title link being centered to the right just like you see like us on facebook.

    So what changes would I need to make to this:

    /* title styles */
    .popularposts a {
    padding-top:15px;
    font-weight:bold;
    text-decoration: none;
    font-size: 12px;
    color: #015B7D;
    }

  29. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    Alright, here's the deal:

    1. Delete any styles you've added to your theme's stylesheet regarding WPP.
    2. Redownload the test version just to make sure you are running the latest revision (unless you downloaded this within the last 24 hours, if so please omit this step).
    3. Change your code to:
      <?php
      if (function_exists('wpp_get_mostpopular')) {
      wpp_get_mostpopular("post_type=post&limit=3&thumbnail_width=50&thumbnail_height=50&range=monthly&order_by=avg&stats_comments=0&title_length=55&stats_date=1&post_html='<li>{thumb} <span class=\"wpp-post-title\">{title}</span></li>'");
      }
      ?>
  30. kbrkal
    Member
    Posted 1 year ago #

    I did all as you said above. Please go to http://www.pokereagles.com and look at right navigation under Most Viewed Stories.

    The changes you had me make create the following. As you can see the title of the articles still do not look or are aligned like you see the "Like us on facebook"

    How do I make the titles display the same as "Luke us on facebook"

    Within wordpress popular posts
    Wordpress Popular Posts Stylesheet I have this enabled.

    What more do I have to do? I really appreciate your help so far.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.