首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何禁用Wordpress和Elementor中的悬停效果?

如何禁用Wordpress和Elementor中的悬停效果?
EN

WordPress Development用户
提问于 2019-09-04 07:38:45
回答 3查看 9.9K关注 0票数 1

大家好!我在Wordpress中通过Elementor创建了一个产品部分。问题是,我不知道如何禁用悬停效果。

EN

回答 3

WordPress Development用户

发布于 2021-07-02 02:09:01

当您右键单击每个元素并单击“编辑”时,它会弹出块,您可以选择: Content、Design、Advanced。

设计有色彩和悬停效果。您只需将其关闭一个,并复制和粘贴样式到其余的块。

票数 0
EN

WordPress Development用户

发布于 2019-09-04 11:44:46

您可以将此css放入自定义CSS编辑器中:

ul.products li.product .button {框影:无;}

如果是在Elementor上生成的模板,则可以在每个元素的Style选项卡上禁用框阴影和悬停效果:

https://docs.elementor.com/article/230-hover-effects

https://elementor.com/blog/v05-box-shadow-animations/

编辑:

我怀疑您所指出的CSS是否正在产生这种效果。通常情况下,当悬停效果应该具有:在选择器之后悬停:

ul.products li.product .button:hover {框影:无;}

有了JavaScript,你也可以做到这一点,所以如果你提供网站的链接,它会有所帮助。

票数 -1
EN

WordPress Development用户

发布于 2019-09-04 15:42:16

我认为问题来自于类似于border-bottom: 3px solid black的东西,而不是一个框影属性,它只是在元素后面添加了一个阴影。如果你找到这样的东西,就这么做:

代码语言:javascript
复制
.myClass:hover
{
    border-bottom: none;
}
票数 -1
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/346560

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档