Disable Ocean Custom Links Text Displacement Animation

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

By default, all links within the Ocean Custom Links widget (used in sidebar or footer widget area) move to the right side on hover. If you want to disable that text displacement animation, use the following CSS snippet:

/* Disable Ocean Custom Links Hover Animation */
.oceanwp-custom-links li a:hover {
margin-left: 0px !important;

You can use this code in to target only specific areas, for example, only Ocean Custom Links in the footer widget area. In that case, combine the code above by placing any of the following at the beginning of the first line: #footer-widgets, #right-sidebar, #left-sidebar.

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.