Question

改变“激活交易”按钮的位置，如“显示优惠券”按钮。

我将此代码用于“显示优惠券”按钮的位置。

div.folding-button {
  position: relative;
  left: 610px;
  Bottom: 150px;
}

我尝试使用代码更改“激活交易”按钮的位置：

a.deal-button.activate-button.activate-modal {
  position: relative;
  left: 610px;
  Bottom: 150px;
}

但是“显示优惠券”按钮变形并且“激活交易”按钮不可点击

谢谢。帮助是感激的

Answer 1

我已经查看了您的代码，您的问题是您只有一个用于按钮的 HTML 类和 1 个主类，其中有一张优惠券。如果您对具有 2 个不同类的 2 个按钮进行排序并将它们放入正确内容的 div 中，您会找到比使用 css 更好的解决方案。

无论如何，我已经在您的网站上进行了一些 css 研究，并且我已经用 css 找到了这个解决方案。尝试下面的代码，让它对每个屏幕都有响应，以使其工作得很好。我已经用 1920 像素宽度的屏幕对其进行了测试，效果很好。

cd

为了防止在按钮后面显示标题，请将其放入您的 css

a.deal-button.show-coupon-button.activate-button.activate-modal{
    position: relative;
    left: 38rem;
    top: -10rem;
}
a.deal-button.activate-button.activate-modal {
    display: block;
    position: relative;
    left: 38rem;
    top: -10rem;
    z-index: 2;
}
.code-button-bg {
    position: relative;
    left: 38rem;
    top: -12.5rem;
    background: #a41913;
}

更改wordpress中的按钮位置

1 个答案: