How to add hover effects to links in Posts in Divi.

Sep 22, 2019 | Divi Tips | 2 comments

Samar Jamil

Hey everyone welcome back to another Tutorial on SamarJ. Hope you’re all set.

And in today’s tutorial, I’m going to show you how to add Hover effects to the links in your Post’s content with Some CSS. Well, Let’s Get Started.

Well If you like writing posts with Divi Builder (like me) then grab the code for Divi Builder. And if you like to write posts with Standard(Gutenberg, Classic) then grab code from the Standard editor box.

Hover Effect #1

For Divi Builder

For Standard editor

Preview

Hover Effect #2

For Divi Builder

For Standard editor

Preview

Hover Effect #3

For Divi Builder

For Standard editor

Preview

And there you go awesome links hover effects to your post’s content with few lines of CSS. Just make sure to paste CSS in Divi > Theme Options > Custom CSS Box.

That’s it for this tutorial hope you found it helpful and if any of these effects won’t work for you just leave a comment below and I’ll try to help you as soon as possible.

Feeling Generous

Give me a Cup of Coffee and have a gift for giving me a Coffee

Buy me a coffeeBuy me a coffee

Written by : Samar Jamil

"

Get Freebies and new blog post notification straight in your inbox!

SamarJ

A site where you can find some awesome resources for the Divi theme and WordPress.

SamarJ

A site where you can find some awesome resources for the Divi theme and WordPress.

Donate

Buy me a coffeeBuy me a coffee

Copyright © 2019 SamarJ