Back to top

Affiliate Link: Interested In a Useful Tables For Amazon Products and More? Check Out:

Amalinks Pro

Apply Hover To Individual Post Boxes In Recent Posts

Featured Tiles
As an Amazon Associate we earn from qualifying purchases made on our website. If you make a purchase through links from this website, we may get a small share of the sale from Amazon and other similar affiliate programs. You can read our complete legal information for more details.

Looking to add a little bling to your post layout on your homepage? This will give you a little shadow effect and highlight the card giving you a cool and unique effect for no performance loss.

All it takes is to add some Custom CSS and Save.

/* Add Hover Effect To Every Post On Homepage */
.article-card:nth-child(1n).horizontal:hover {
        transition-duration: .5s;
        padding: 15px 15px 15px 15px;
        box-shadow: 2px 2px 6px -2px #9c9c9c;
    	transition: .35s ease-in-out, width .35s ease-in-out;
        box-shadow: 2px -1px 8px 1px rgba(0,0,0,0.2);
}

.article-card:nth-child(1n).horizontal {
        padding: 15px 15px 15px 15px;
    	transition: .35s ease-in-out, width .35s ease-in-out;
}

Example Of Post With Code Above

Card With Code Above While Hovered over with the Mouse

About Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals! Read More About Me...

My Posts | Website

Josh Koop

Hey Everyone! I hope that the short article you read today has taken you from a place of frustration to a place of excited anticipation for your visitors! Please let me know of anything you need for Acabado that can help you achieve your goals! Read More About Me...

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Content