Support » Plugins and Hacks » Top 10 - Popular posts plugin for WordPress » Text does not align with the image.

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Author Ajay

    (@ajay)


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

    http://snipt.org/AhgO2

    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

    Plugin Author Ajay

    (@ajay)


    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 {

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

    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/

    Plugin Author Ajay

    (@ajay)


    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?

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

    thanks

    Plugin Author Ajay

    (@ajay)


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

    OK. Now it works perfectly.
    Thanks

    Plugin Author Ajay

    (@ajay)


    You’re welcome 🙂

    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

    Plugin Author Ajay

    (@ajay)


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

    Or.
    http://snipt.org/AhgO2

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

    Plugin Author Ajay

    (@ajay)


    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.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Text does not align with the image.’ is closed to new replies.