css - 添加到购物车控件数量文本未显示

Question

出于某种原因，我无法获取数量文本以显示某人何时将产品添加到购物车。当您单击 (+) 或 (-) 按钮时，不会显示任何数字来让用户知道他们选择了多少项目。我尝试更改文本颜色/背景，但无济于事。我在想也许文字和背景颜色是一样的？我真的很难过。任何输入表示赞赏。

你可以通过产品页面看到我在说什么：http: //museiam.ca/product/woman-dress-for-men/

Answer 1

它就在那里——这是一个边际问题。它位于主题的 css 文件中（style.css:Line 4851）。您将要删除边距（第 6 个元素）。

.quantity input.qty, #content .quantity input.qty {
    width: 48px !important;
    height: 50px !important;
    line-height: 50px !important;
    float: left;
    padding: 0;
    /* margin: 0 0 0 35px; <-- REMOVE THIS LINE */
    text-align: center;
    vertical-align: middle;
    border: 0 !important;
    border-left: 1px solid #4d4d4d !important;
    border-right: 1px solid #4d4d4d !important;
    background: #000;
    color: #fff;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-shadow: inset 0 0 0px 0 #f7f6f7 !important;
    -webkit-box-shadow: inset 0 0 0px 0 #f7f6f7 !important;
    -moz-box-shadow: inset 0 0 0px 0 #f7f6f7 !important;
    font-weight: bold;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
}