Woocommerce 按钮，底部的灰色区域并填满整个屏幕

Question

我的 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

非常感谢您提出任何建议

Answer 1

—更新数据—

将此 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 页面上遇到这种 "content" 问题的原因：

解决此类问题最好的方法是联系作者的主题支持线程，开工单。

Woocommerce 按钮，底部的灰色区域并填满整个屏幕

Woocommerce buttons, grey area at bottom and filling entire screen

css

wordpress

product

button

woocommerce