制作包含文本和自定义图像的响应按钮

Question

我需要一些帮助来制作一个包含文本和自定义图像的响应式按钮。它还需要链接到外部 URL，我正在尝试将其与网站上现有的内置按钮相匹配。

我正在使用Wordpress，主题是Vantage，我尝试匹配的按钮是SiteOrigin按钮小部件。该网站仍在开发中，但可以在这里找到

该按钮位于主页底部的"联系人"部分，上面有"链接到"字样和布罗德梅多医疗中心的图像。目前，该按钮只是一个图像，没有响应。

Answer 1

试试这个

.siteorigin-widget-tinymce.textwidget p{
text-align:center;
}
@media (max-width: 780px){
#panel-15-4-0-2> .panel-widget-style{
width:100%;
padding:0% !important;
}
.siteorigin-widget-tinymce.textwidget p a>img {
width: 90%;
}
}