kbrkal

Never-mind, I figured it out. Thank you for all of your help. Really appreciate it.

Hector,

We are getting very close now go to https://www.pokereagles.com/

and now the featured images do not have spacing between them. What do I need to change to have a little spacing so they are not directly on top of each other.

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.

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

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?

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

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

Hector,

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

I have now uploaded old version which still works.

Can you help with this today?

Thank you, I will wait for your response.

Did not fix it.

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

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

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

https://www.pokereagles.com is the site.

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