【问题标题】:Edit “continue shopping” button styling and position in woocommerce在 woocommerce 中编辑“继续购物”按钮样式和位置
【发布时间】:2020-08-09 21:28:35
【问题描述】:

我只是想将样式移动并更改为单个产品 woocommerce 页面上的按钮。按钮是“继续购物(西班牙语为 SEGUIR COMPRANDO)”。

我想要的是将两个按钮放在一起并保持水平,并且如果可能的话,具有相同的样式(透明,黑色边框)。为了更好地解释我自己,我附上了一张图片。产品链接为:https://maikaihealthyfood.es/producto/combo-guacamole-chips-de-platano/

实际上是这样的 (https://i.stack.imgur.com/qW6Nf.png)

这就是它的样子 (https://i.stack.imgur.com/xXxhZ.png)

提前致谢!

【问题讨论】:

  • 在它周围的 div 上尝试display:inline-block

标签: php css wordpress button woocommerce


【解决方案1】:

这将帮助您解决问题..

 // add this in footer in script tags
jQuery(document).ready(function(){
    $(".btn-atc").addClass("seguir-btn");
  });
/* add this to your css */
a.btn-atc.seguir-btn {
    margin: 0;
    padding: 14px 20px;
}

【讨论】:

  • 嗨!我必须添加js代码的文件是什么?谢谢!
  • 你有 WordPress 的文件知识吗??
猜你喜欢
  • 2018-02-11
  • 1970-01-01
  • 2018-04-12
  • 1970-01-01
  • 1970-01-01
  • 2021-12-16
  • 1970-01-01
  • 2023-04-05
相关资源
最近更新 更多