在wordpress中更改按钮位置

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 的解决方案。试试下面的代码，让它对每个屏幕都有响应，让它工作得很好。我用 1920px 宽的屏幕测试过，效果很好。

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;
}

为了防止标题显示在按钮后面，把它放到你的 CSS 中

h2.title.front-view-title {
    width: 75%!important;
}