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

- U P D A T E D -

将此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页面上遇到这种“内容”问题的原因：

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

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

1 个答案: