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

Question

我的 wordpress 网站上的 woocommerce 页面有很多问题，我希望有人能帮助我。试图修复它们让我发疯。

我的主题 - Trias - http://www.mojo-themes.com/item/trias-multi-style-corporate-responsive-theme/不支持 woocommerce，这有 creatd 问题。

1. 第一个是 woocommerce 页面 - 类别和产品填满整个屏幕，即一直到边缘。知道如何更改它以符合我的主题吗？

2. 在这些 woocommerce 类别和产品页面的底部 - 主题结束，您可以在主题区域下方看到灰色区域 - 关于如何防止这种情况的任何想法。

3. 最后一个查询，这个是最烦人的 - 主题在按钮上有一个 float 图标，即单词开始前箭头左侧的 float 小箭头。问题出在 woocommerce 页面上 - float 箭头漂浮在按钮上的文字上方。这太烦人了。

我的主题按钮如下:

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;

请查看带有 float 箭头的按钮图像: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 页面上有这种“内容”问题:

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