Сделайте отзывчивую кнопку, которая включает текст и собственное изображение

Question

Мне нужна помощь в создании адаптивной кнопки, включающей как текст, так и пользовательское изображение. Он также должен ссылаться на внешний URL-адрес, и я пытаюсь сопоставить его с существующей встроенной кнопкой на сайте.

Я использую Wordpress, тема Vantage и кнопка, которую я пытаюсь использовать match - это виджет кнопки 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%;
    }

}