Place the title next to its thumbnail

  • Resolved kksenyak

    (@kksenyak)


    8 years, 3 months ago

    Hi,

    How can I make the title be placed next to its thumbnail.

    I am using the Left thumbnail options. Bu t I decreased the font size of titles and the counter and now the text is ail all squashed on the right.

    I added the css to add space after the counter, but it doesn’t change anything.

    .tptn_posts_daily .tptn_list_count, .tptn_posts .tptn_list_count {
    font-size:10px !important;
    padding-bottom:60px;
    text-decoration:none;
    line-height: 1.1em;
    }

    Thanks for your help

    https://www.ads-software.com/plugins/top-10/

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

    (@ajay)

    Site URL?

    Thread Starter kksenyak

    (@kksenyak)

    kksenyak.am/test-2/

    and one of the titles is starting from the bottom of the thumbnail. do you know why?

    Plugin Author Ajay

    (@ajay)

    I use this code for left thumbnails. You can edit the image size and sizes proportionately.

    img.tptn_thumb {
	width:65px !important;
	height:65px !important;
	display:block;
	float:left;
	clear:left;
	margin-right:10px !important;
	padding:3px !important;
	border:1px #CCCCCC solid;
}

.tptn_posts_daily ul li, .tptn_posts ul li {
	clear:both;
	list-style:none;
	margin-bottom:15px;
	display:block;
	height:70px;
	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:bold;
	font-size:14px;
	display:block;
	padding-bottom:5px;
	text-decoration:none;
	line-height: 1.1em;
}

img.tptn_thumb:after {
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	border: solid 1px #222;
	-wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
img.tptn_thumb {
	vertical-align: bottom;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
    Thread Starter kksenyak

    (@kksenyak)

    Thanks a lot, it worked.

    Plugin Author Ajay

    (@ajay)

    You’re welcome.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Place the title next to its thumbnail’ is closed to new replies.