CSS Issues

Hector,

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

I have now uploaded old version which still works.

Where can I grab the old version?

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

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.

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;
}

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.

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?

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.

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

Sure, here you go: https://downloads.www.ads-software.com/plugin/wordpress-popular-posts.2.3.2.zip

Thanks Hector, appreciate it!

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 https://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;
}

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>'");
   }
   ?>

I did all as you said above. Please go to https://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.

Ah, forgot one thing: open wpp.css and change:

/* thumbnail styles */
.wpp-thumbnail {
	display:inline;
	float:left;
	margin:0 5px 0 0;
	border:none;
}

… into:

/* thumbnail styles */
.wpp-thumbnail, .wpp_cached_thumb, .wpp_featured {
	display:inline;
	float:left;
	margin:0 5px 0 0;
	border:none;
}