html - 使用 CSS 定位按钮内的图像 src 并替换为 Wordpress 的 Woocommerce Wishlist 插件中的另一个

标签 html css wordpress image woocommerce

我在 Wordpress 中使用 Woocommerce Wishlist 插件,我想更改“添加到愿望 list ”按钮的外观。当我查看源代码时,我可以看到该按钮正在使用 GIF 进行样式设置,我想将我自己的图像插入到其中以赋予它我自己的外观。这可能吗?我不确定如何访问和编辑插件内的 html。或者您可以通过 CSS 以某种方式更改图像 src 吗?

这是我的网站,我指的是页面:

http://www.thecolourmarket.com/shop/sale-items/boho-skirt/

谢谢

最佳答案

@WPLearner 我在您发布的链接上看不到它,但我可以在 this one 上看到它

这是您需要添加到 style.css 中的内容:

.wrapper .wishlist_table .add_to_cart, .wrapper a.add_to_wishlist.button.alt {
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

关于html - 使用 CSS 定位按钮内的图像 src 并替换为 Wordpress 的 Woocommerce Wishlist 插件中的另一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28761223/

相关文章:

Jquery 隐藏/显示延迟

javascript - 悬停仅影响嵌套集中的单个元素

wordpress - 检索模板目录 : bloginfo ('template_url' ) or echo esc_url( get_template_directory_uri() )? 的 URL 的更好方法是什么

html - 如何让fa图标显示在菜单中(无字)

html5 视频元素 1px 白色底部边框 chrome

html - 使用伪元素作为有序列表的样式,同时保留缩进

javascript - 如何在图像悬停中显示文本

html - 为什么我的幻灯片不在页面中央?

javascript - 如何使用 Javascript 和 JQuery 缩放此 HTML

jquery - Fancybox 导航箭头和关闭按钮没有透明悬停