1 reply [Last post]
bondigor69
bondigor69's picture
Offline
newbie
Last seen: 39 weeks 5 days ago
Timezone: GMT-5
Joined: 2012-01-24
Posts: 9
Points: 18

hey guys
I want to style those elements

img.wpp-thumbnail{
}
 
.wpp-post-title {
}

How can I wrap the post tilte around the thumbnail??

Im using a wordpress plugin that shows the popular posts, in those posts, there is an thumbnail Image.
check the pic
Untitled.png

if I do

img.wpp-thumbnail{
    float:left;
}

It dosent work check the pic

As you see all the titles are separated from their thumbnails???

THIS IS THE FULL CSS OF THE PLUGIN THAT IM USING

/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
 
Use the following classes to style your popular posts list as you like.
*/
 
/* title styles */
img.wpp-thumbnail{
}
 
.wpp-post-title {
}
 
 
/* excerpt styles */
.wpp-excerpt {
}
 
/* Stats tag styles */
.post-stats {
	font-size:9px;
	font-weight:bold;
}
 
	.wpp-comments {
	}
 
	.wpp-views {
	}
 
	.wpp-author {
		font-style:italic;
	}
 
	.wpp-date {
	}
 
/* WP-PostRatings styles */
.wpp-rating {
}

ndirashful
ndirashful's picture
Offline
newbie
New Jersey
Last seen: 2 years 28 weeks ago
New Jersey
Timezone: GMT-5
Joined: 2012-02-17
Posts: 3
Points: 3

Based on what you're trying

Based on what you're trying to do, you just need the ".wpp-post-title" container to clear the image and text above. So you can do it 2 ways. You can add a tag (eg hr, br) after each post with with a declaration to clear. Like so:

br {clear:both; }

or

you can add this to that post class:

.wpp-post-title:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}