如何移除WordPress网站(Bricksy主题)菜单的悬停动画?
移除Bricksy主题全局悬停动画的解决方案
排查主题自定义面板
先去WordPress后台「外观」→「自定义」里翻找,重点看「全局样式」「交互设置」「链接/按钮样式」这类板块,很多主题会把全局悬停动画的开关藏在这里,找到后直接关闭即可。自定义CSS强制覆盖
如果主题没提供可视化开关,直接用CSS强制禁用:/* 移除所有链接的悬停下划线动画 */ a:hover, a:focus { text-decoration: none !important; background-image: none !important; transition: none !important; } /* 移除按钮类元素的悬停变形/变色动画 */ .button:hover, .btn:hover, .bricksy-button:hover { transform: none !important; box-shadow: none !important; background-color: inherit !important; transition: none !important; }把代码粘贴到「外观」→「自定义」→「额外CSS」中即可生效。如果不知道目标元素的类名,按F12打开浏览器开发者工具,选中带悬停效果的元素,查看它的CSS类,再调整代码里的选择器。
修改主题文件(需谨慎)
找到Bricksy主题目录下的全局样式文件(比如style.css或assets/css/interactions.css),搜索包含hover、transition的动画规则,删除或注释掉对应代码。注意:直接改主题文件会在主题更新后丢失,建议先创建并启用子主题,再修改子主题的样式文件。
内容的提问来源于stack exchange,提问作者xxredxoctoberxx
相关产品推荐
相关产品推荐

