How to add hover on blog page card | WordPress.org

Resolved michaelgof
(@michaelgof)

5 years, 2 months ago

i will like to add a hover effect background shadow on the main blog page post cards.
An example is seen here . simply hover to see what am taking about.

Viewing 3 replies - 1 through 3 (of 3 total)

Leo
(@leohsiang)

5 years, 2 months ago
Hi there,

Try this CSS:
```
.post {
    transition: all 0.2s ease-in;
}
.post:hover {
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);
}
```
Adding CSS: https://docs.generatepress.com/article/adding-css/
Thread Starter michaelgof
(@michaelgof)

5 years, 2 months ago

Sorry for my late reply
But your code worked like a charm.

Leo
(@leohsiang)

5 years, 2 months ago

Glad to hear!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How to add hover on blog page card’ is closed to new replies.

In: Themes and Templates
3 replies
2 participants
Last reply from: Leo
Last activity: 5 years, 2 months ago
Status: resolved