Back to top

Affiliate Link: Looking to Monetize With Ads?? We Personally Use:

Ezoic

Animate Recent Blog Buttons

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.

If you are looking for a simple way to add some flair to your recent posts section on your homepage you can animate the buttons on hover which helps you look different from others running Acabado.

We describe this simple Custom CSS below:

#main > section > article > div > div > p > button:hover {
    transition-duration: .5s;
    font-size: 1.1rem;
    padding: 10px 20px;
}

With this, you apply some visual styling and transition times to the change. This makes it look smooth and visually appealing.

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!

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!

3 thoughts on “Animate Recent Blog Buttons

  1. Hello,

    Thank you, however when I apply the code in custom CSS and save, no change is reflected. What could be the reason?

  2. Hey Josh,
    How can I change my header & footer menu like your site?
    Let me know the way, I bearly need it..

    And thanks for the amazing resource!!!

Leave a Reply

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

Recent Content