零基础如何用CSS修改WordPress WhatsApp插件按钮文字大小?
解决WordPress WhatsApp按钮文字大小问题
- 打开你的商品页面,右键点击「Comprar en WhatsApp」按钮,选择浏览器菜单里的「审查元素」(部分浏览器叫「检查」)
- 在弹出的开发者工具中,找到对应按钮文字的HTML标签(一般是
<span>、<p>或者直接嵌套在<button>标签内),提取它的类名(标签class属性里的内容,比如类似wa-btn-text这类) - 进入WordPress后台,依次点击「外观」→「自定义」→「额外CSS」
- 粘贴以下代码,把
你的按钮文字类名替换成刚才提取的类名,16px改成你想要的文字大小(比如18px):
.你的按钮文字类名 { font-size: 16px !important; }
- 点击「发布」,刷新商品页面就能看到文字大小的变化
如果找不到文字的单独类名,也可以针对按钮容器设置:找到按钮整体的类名,用下面的代码覆盖:
.按钮容器类名 { font-size: 16px !important; }
要是还是摸不准,在审查元素选中按钮文字后,看右侧「样式」面板里带font-size的属性,把对应的选择器和代码复制到「额外CSS」里,加上!important强制覆盖原有样式即可。
内容的提问来源于stack exchange,提问作者memo08
相关产品推荐
相关产品推荐

