Style flickrRSS Plugin for WordPress
flickrRSS is a great plugin for wordpress provide an easy way to embed your flickr photos or someone’s photos into your blog. Pimping it in a cool way will give it a great look and feel to fit your blog theme perfectly, Therefore, I want to write how to style this plugin to look as mine (Home page).
Everything must be written in your wordpress style.css file
Style the whole set with .flickr
.flickr {
margin-top: 8px;
text-align:center;
padding: 0px;
width:500px;
}
Style each image (normal img) with .flickr img
.flickr img {
width: 59px;
height: 59px;
margin: 1px 5px;
border: 1px solid #666;
}
The final step is styling each image as the cursor is over any image (Behavior) with .flickr img:hover
.flickr img:hover {
width: 75px;
height: 75px;
margin: -7px -3px;
border: 1px solid #000;
}
Wish you like it! Now you can download the style file (Download) but as mentioned, you must place the code into your style.css of your blog theme. Suggestions and questions are welcomed anytime.
