如何在WordPress和Elementor中禁用悬停效果?

时间:2019-09-04 作者:Vicky99

enter image description here

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

enter image description here

3 个回复
SO网友:keepkalm

在每个元素上单击鼠标右键并单击“编辑”时,将显示块,您可以选择:内容、设计、高级。

设计具有颜色和悬停效果。您只需将其关闭,然后将样式复制并粘贴到其余块。

SO网友:Hussein Lababidi

您可以在外观上将此css放入自定义css编辑器:

ul。产品li。产品按钮{框阴影:无;}

如果是在Elementor上制作的模板,则可以在每个元素的“样式”选项卡上禁用框阴影和悬停效果:

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

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

编辑:

我怀疑你所指的CSS是否就是产生这种效果的CSS。通常,悬停效果应具有以下特性:悬停在选择器之后:

ul。产品li。产品按钮:悬停{框阴影:无;}

通过JavaScript,您也可以实现这种效果,因此如果您提供网站的链接,这将有所帮助。

SO网友:ArbreMojo

我认为问题来自border-bottom: 3px solid black 而不是长方体阴影属性,它只是在元素后面添加阴影。如果您发现类似的情况,请执行以下操作:

.myClass:hover
{
    border-bottom: none;
}

相关推荐

激活主题时在插件文件夹中创建一个css文件

因此,这不是一个可以转移到其他站点的问题,但我正在创建一个Wordpress多站点,供办公室内部使用,而不是将主题CSS、JS和其他资产复制到一个MU插件中。我知道这不是标准做法,但我是唯一一个管理网站的人,这更像是一种设置和遗忘。目前,我正在访问base.css 有一些规范化,然后从以下位置调用任何唯一的css:$themeName = wp_get_theme()->get(\'TextDomain\'); $themeName = get_template(); wp_enqu