Text does not align with the image.

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

https://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.

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

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.

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

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

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

OK. Now it works perfectly.
Thanks

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.

https://bit.ly/18by6mB

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

Or.
https://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.

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.