如何修复主页上产品滑块/特色产品的透明度？

时间：2017-01-18 作者：Reed

如下图所示，我希望有人能告诉我如何修复产品盒的透明度。

我正在使用Avada。我使用默认的woocommerce快捷码将“特色产品”放在主页上，就像这样。但由于某种原因，当我将shortcode的容器设置为透明时，产品盒的一部分也是透明的？？

非常感谢您的帮助。

谢谢，里德

enter image description here

2 个回复
SO网友:Faisal Alvi

您只需将白色（#FFFFFF）背景色应用于滑块项，因为默认情况下它具有transparent background color.

请使用下面的CSS

.owl-item {
    background-color: #FFFFFF;
}
请注意，这应该放在底部，以便获得高优先级。

如果它不工作，请您提供您的页面链接？

非常感谢。

SO网友:Deval Mungalpara

找出要在其中添加背景色的类。你可以通过检查元素来找到它。然后找出父类或id，以防它影响网站的其他部分。

然后将css放在avada的子主题或主题选项的自定义css中，如

.特色课程。您的类{背景颜色：#FFFFFF；}

如果您仍然有问题，请向我发送您的web url。

干杯

标签： shortcode   css   woocommerce-offtopic   小码农  

相关推荐

通过主题定制器编辑style.css

直到现在，在我的Wordpress主题中，我在主题定制器中实现了一些必要的样式选项，这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记，例如，这里我实现了颜色选择器，如果默认状态发生更改，我会输出样式：function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0