css – Woocommerce按钮,底部的灰色区域和填满整个屏幕

2023年2月21日 220次阅读

我的wordpress网站上的woocommerce页面有很多问题,我希望有人可以帮助我.他们一直在疯狂地试图修复.

我的主题 – Trias – http://www.mojo-themes.com/item/trias-multi-style-corporate-responsive-theme/不支持woocommerce,这有创造性问题.

>第一个是woocommerce页面 – 类别和产品填满整个屏幕,即直到边缘.知道如何改变这个以符合我的主题吗？
>在这些woocommerce类别和产品页面的底部 – 主题结束,你可以看到主题区域下面的灰色区域 – 任何关于如何防止这种情况的想法.
>最终查询,这个是最烦人的 – 主题在按钮上有一个浮动图标,即在单词开始之前箭头左侧的浮动小箭头.问题在于woocommerce页面 – 浮动箭头浮动在按钮上的文字上方.这太烦人了.

我的主题按钮如下：

button,
a.button {
    display: inline-block;
    position: relative;
    margin-top: 30px;
    border: 0 none;
/*  background: #00a3da url("images/button-link-arrow.png") no-repeat 0 50%;*/
    padding: 7px 12px 7px 35px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Oswald";
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;

请使用浮动箭头查看按钮图像：image of button with incorrect floating arrow

非常感谢您提出任何建议

最佳答案 – 更新 –

将此CSS规则添加到活动子主题或主题的style.php文件中

对于您的图标按钮：

.button.product_type_variable.add_to_cart_button, 
.single_add_to_cart_button.button,  
button.single_add_to_cart_button, 
.button.wc-forward {
    padding-left: 34px !important;
}
.button.product_type_variable.add_to_cart_button:before, 
.single_add_to_cart_button.button:before,
button.single_add_to_cart_button:before, 
.button.wc-forward:before {
    top: 6px !important;
}

对于您的内容(仅限woocommerce页面)：

.woocommerce .content-wrap {
    width: 934px;
    margin: 0 auto;
    padding: 20px 30px 20px 36px;
}

您必须添加自定义媒体查询,并根据目标屏幕分辨率调整此规则的值.

我认为你没有正确设置你的网页(关于你的主题),这就是为什么你在woocommerce页面上有这种“内容”问题：

解决此类问题的最佳方法是联系作者的主题支持线程,打开票证.

点赞