Question

我希望将迷你购物车元素中的所有元素更改为[www.wizardmodels.ltd] [1]到＃800000的相同背景颜色

目前它与＃710000混合

但是，我找不到合适的CSS来更改所有元素。

E.g。

@media screen and (min-width: 768px) {
.site-header-cart .widget_shopping_cart, .main-navigation ul.menu ul.sub-
menu, .main-navigation ul.nav-menu ul.children {
background-color: #800000;
}
}

OR

.widget .woocommerce .widget_shopping_cart {
background-color: #800000 !important;
}

或两个

始终将底部（带小计）留在所需的＃80000中，将中间部分留在神秘的＃710000中。

我可以在Google控制台中更改它。查看页面源代码，颜色显示在代码中：

.site-header-cart .widget_shopping_cart,
.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
background-color: #710000;
}

改变它也不起作用。

请问任何想法？

ps，无需购买任何东西：）

第2部分

我添加了一个屏幕截图。提供此代码的代码是

.site-header-cart .widget_shopping_cart p {
background-color: #800000 !important;
}

.widget_shopping_cart .buttons, .widget_shopping_cart .total {
background-color: #800000 !important;
}

没有进一步。还清除缓存。这项工作是在本地服务器上完成的。

Answer 1

TOP PART

li.woocommerce-mini-cart-item.mini_cart_item {
    background-color: #800000 !important;
}

BOTTOM PART

header-cart .widget_shopping_cart .buttons, .site-header-cart .widget_shopping_cart .total {
    background-color: #710000 !important;
}

Answer 2

所以我认为你希望整个下拉式“迷你车”背景颜色相同（＃800000）？如果是这样，您只需要更改添加此内容。

.widget_shopping_cart p.total {
    background: #800000;
}

希望有所帮助。如果我误解了你的问题，请告诉我。

Answer 3

我搜索了wpdb中两种颜色的十六进制代码。并在选项中找到以下内容。然后我删掉了我不想要的两种颜色。以下代码有效。我怀疑这些选项是否覆盖了建议的CSS（上图）？

@media screen and ( min-width: 768px ) {
            .secondary-navigation ul.menu a:hover {
                color: #ffffff;
            }

            .secondary-navigation ul.menu a {
                color: #ffffff;
            }

            .site-header-cart .widget_shopping_cart,
            .main-navigation ul.menu ul.sub-menu,
            .main-navigation ul.nav-menu ul.children {
                background-color: #800000;
            }

            .site-header-cart .widget_shopping_cart .buttons,
            .site-header-cart .widget_shopping_cart .total {
                background-color: #800000;
            }

            .site-header {
                border-bottom-color: #800000;
            }

我只能假设这些在构建期间的某个地方悄悄地存在，它们是我想要的颜色。我使用了第三部分插件，建议它可以轻松修改主题。这是罪魁祸首，即使是在无人问津之后！

在Sotefront for Mini CART背景颜色中找不到正确的CSS

3 个答案: