WordPress.org

Ready to get started?Download WordPress

Forums

Top 10 - Popular posts plugin for WordPress
[resolved] Text does not align with the image. (15 posts)

  1. giova_kde
    Member
    Posted 10 months ago #

    When I put on my site Popular Posts Top 10 I realized that the text does not align with the image as does popular WordPress post. How can I fix it?

    http://imageshack.us/photo/my-images/850/0k4x.png/

    http://wordpress.org/plugins/top-10/

  2. Ajay
    Member
    Plugin Author

    Posted 10 months ago #

    Check out the CSS code at the below URL and add this to the Custom Styles page

    http://snipt.org/AhgO2

  3. giova_kde
    Member
    Posted 10 months ago #

    You can view "title | views" instead of "title(views)" and put it all on the same line? Now put them on two different lines.

    http://imageshack.us/photo/my-images/841/aplb.png/

    This is code I have:

    img.tptn_thumb {
    	width:45px !important;
    	height:37px !important;
    	display:block;
    	float:left;
    	clear:left;
    	margin-right:7px !important;
    	padding:7px !important;
    }
    
    .tptn_posts_daily ul li, .tptn_posts ul li {
    	clear:both;
    	list-style:none;
    	margin-bottom:0px;
    	display:block;
    	height:40px;
    	background: none;
    	padding:0 !important;
    }
    
    .tptn_posts_daily ul, .tptn_posts ul {
    	margin:0 !important;
    	padding:0 !important;
    }
    
    .tptn_posts_daily .tptn_title, .tptn_posts .tptn_title {
    	font-weight:normal;
    	font-size:13px;
    	display:block;
    	padding-bottom:0px;
    	text-decoration:none;
    }
    
    img.tptn_thumb:after {
    	content: ' ';
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	top: -1px;
    	left: -1px;
    }
    img.tptn_thumb {
    	vertical-align: bottom;
    }

    Thanks

  4. Ajay
    Member
    Plugin Author

    Posted 10 months ago #

    I don't think there is a way to move the numbers up, but I am not a CSS expert.

    Try removing the display:block from the .tptn_posts_daily .tptn_title, .tptn_posts .tptn_title {

  5. giova_kde
    Member
    Posted 10 months ago #

    I tried to remove that code but all offsets. This code is fine. He's only the problem of the number on a separate line. What a pity!

    img.tptn_thumb {
    	width:45px !important;
    	height:37px !important;
    	display:block;
    	float:left;
    	clear:left;
    	margin-right:7px !important;
    	padding:0px !important;
    }
    
    .tptn_posts_daily ul, .tptn_posts ul {
    	clear:both;
    	list-style:none;
    	margin-bottom:0px;
    	display:block;
    	height:45px;
    	background: none;
    	padding:0 !important;
    }
    
    .tptn_posts_daily ul, .tptn_posts ul {
    	margin:0 !important;
    	padding:0 !important;
    }
    
    .tptn_posts_daily .tptn_title, .tptn_posts .tptn_title {
    	font-weight:normal;
    	font-size:13px;
    	display:block;
    	padding-bottom:0px;
    	text-decoration:none;
    }
    
    img.tptn_thumb:after {
    	content: ' ';
    	width: 30%;
    	height: 100%;
    	position: absolute;
    	top: -1px;
    	left: -1px;
    }
    img.tptn_thumb {
    	vertical-align: bottom;
    }
  6. giova_kde
    Member
    Posted 10 months ago #

    I do not know if it is connected with the above docide but I realized that now appeared the term "default" under "Share the knowledge". If it is important, how do I hide it?
    Thank you.

    http://imageshack.us/photo/my-images/854/3vnp.png/

  7. Ajay
    Member
    Plugin Author

    Posted 10 months ago #

    Without looking at the source code, it's difficult to say, but that seems to be either missing image or some stray text that has been added.

    Can you try removing the CSS and checking?

  8. giova_kde
    Member
    Posted 10 months ago #

    I made ​​visible the site, if you want to access the code. You can find it at this address.

    thanks

  9. Ajay
    Member
    Plugin Author

    Posted 10 months ago #

    Could you please try to disable "Display number of views on" under General Options

  10. giova_kde
    Member
    Posted 10 months ago #

    OK. Now it works perfectly.
    Thanks

  11. Ajay
    Member
    Plugin Author

    Posted 10 months ago #

    You're welcome :)

  12. autotim
    Member
    Posted 8 months ago #

    I'm cannot display the image inline ... i.e....the title and text start on the 2nd line. I need both of those to be positioned to the right of the thumbnail on the same line. Can you help me with some CSS? Thanks so much.

    http://bit.ly/18by6mB

  13. Ajay
    Member
    Plugin Author

    Posted 8 months ago #

    have you tried any of the code from the post above?

    Or.
    http://snipt.org/AhgO2

  14. autotim
    Member
    Posted 8 months ago #

    Yes, I tried all the code above with no success. The code has no impact on the inline nature of the text.

  15. Ajay
    Member
    Plugin Author

    Posted 8 months ago #

    What happens when you remove the author and the excerpt?

    Also, what happens when you move it from style.css to the Custom Styles in the Top 10 Settings page?

    For some reason the float:left isn't kicking in.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.