You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 09:24:55