WordPress.org

Forums

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

  1. giova_kde
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

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

  10. giova_kde
    Member
    Posted 1 year ago #

    OK. Now it works perfectly.
    Thanks

  11. Ajay
    Member
    Plugin Author

    Posted 1 year ago #

    You're welcome :)

  12. autotim
    Member
    Posted 1 year 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 1 year ago #

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

    Or.
    http://snipt.org/AhgO2

  14. autotim
    Member
    Posted 1 year 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 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.