Style Your Posts With a Gray-scale Hover Effect

Style Your Posts With a Gray-scale Hover Effect

CSS3 Filters add fun effects to Project, Post, and Product images. This combined with CSS transformations, users can create a fading effect on hover. After adding this CSS, your blog, portfolio, and store thumbnails will fade to black & white on hover. To apply this CSS, just simply copy and paste the following code into the Custom CSS box in ePanel and click Save. If you decide to revert to the original style, just delete the code from the Custom CSS field.

Round Off the Corners

Round Off the Corners

This CSS rounds the corners of all modules and menus in Divi because most elements in Divi have squared-off corners. To apply this CSS, just simply copy and paste the following code into the Custom CSS box in ePanel and click Save. If you decide to revert to the original style, just delete the code from the Custom CSS field.

Make Your Navigation Menu Dark

Make Your Navigation Menu Dark

When using section backgrounds and images that require a dark navigation, this CSS is used to invert the light appearance of Divi’s menus. To add this CSS, just simply copy and paste the following code into the Custom CSS box in ePanel and click Save. If you decide to revert to the original style, just delete the code from the Custom CSS field.

Give Your Buttons a 50% Opacity Hover State

Give Your Buttons a 50% Opacity Hover State

This modification creates a smooth hover animation. Your buttons will transition to 50% opacity upon hover to give the user a subtle interaction cue using this CSS. To add this change, simply just copy and paste the following code into the Custom CSS box in ePanel and click Save. If you decide to change back to the original style, simply delete the code from the Custom CSS field.