Home » Blogger Tutorials, Tricks and Hacks » Blogger Graphics / Effects Tricks » Limit Number Of Flipcards In Dynamic Views

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Limit Number Of Flipcards In Dynamic Views

Limit Number Of Flipcards In Dynamic Views

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

680 views

Here’s another great Blogger trick from Yoga (a.k.a Yoboy) of SouthernSpeakers that’s especially made for those who use Blogger’s Dynamic Views template, specifically the Flipcard. It’s a trick that will allow you to control and limit the number of thumbnail images being displayed when using the aforementioned template.

This hack only involves adding a few lines of CSS code using the Template Designer so accomplishing this trick ought to be easy for you guys.

  • Go to Dashboard and then Template.
  • Click on Customize and then Advanced.
  • Scroll down and select Add CSS.
  • Copy/paste the following  CSS code
.flipcard #content, .ss {
padding-right: 38px;
margin-left: auto !important;
margin-right: auto !important;
width: 780px !important;
}
  • Click on Apply to Blog and that’s it! All done.

NOTES:
The value (780px) above will allow 6 cards to be fixed horizontally. If you want to increase the number of thumbnails/flipcards shown, simply increase the value (add 130px for each additional thumbnail/flipcard). Try not to have more than 9 thumbnails/flipcards as they might not fit when viewed in smaller screened devices.

If you’d like to align the thumbnails to the right, remove line 4 (margin-right: auto !important;)

If you’d like to align the thumbnails to the left, remove lines 3 and 4 (margin-left: auto !important; margin-right: auto !important;)

I hope you enjoyed learning about this one.

Liked It ? Please Share

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here