0

I am attempting to position a PayPal button directly underneath my store's 'Add To Cart' button. I am using Squarespace which is not fully integrated with PayPal so I have to generate the button externally and put them on the page in the 'Additional Information' block, which unfortunately, pushes it down below the product image. I've tried tweaking the CSS to bring the entire block up to sit underneath the 'Add To Cart' button but it doesn't display properly on Mobile.

One of the pages I'm attempting to do this on: https://jessica-oakes-gdrz.squarespace.com/shop/headbands

4

1 回答 1

1

您可以将按钮包装在 div 中，如下所示：

<div class="paypalbutton">
<a class="checkoutbutton" href="#more-info">Add to PayPal Cart</a>
</div>

然后使用以下 CSS。桌面浏览器左对齐，并在 768px 或类似处设置断点，然后将对齐设置为中心以用于移动显示。

.paypalbutton{
    text-align:left;
}

@media screen and (min-width:341px) and (max-width:768px) {
    .paypalbutton {
        text-align:center;

    }

}

希望能帮助到你。ķ

于 2014-05-14T19:27:36.300 回答