Криво отображается форма подписки smartresponder? Исправим.

Всем привет!

Не секрет, что на блоге просто обязана быть форма подписки. Еще лучше, когда форма подписки выглядит оригинально и красиво. Но если особых знаний в html нет, то вполне сойдет и стандартная форма от сервиса рассылки.

Новые формы от smartresponder  вполне симпатичны. Но на некоторых темах wordpress с ними возникают проблемы. И сегодня я хочу рассказать о решении проблемы, с которой столкнулась в свое время сама.

При установке формы подписки smartresponder  на один из новых блогов – кнопка подписки выглядела странно.  Особенно были заметны искажения, когда при настройках формы я уменьшала ее ширину.

Происходит такое искажение не со всеми кнопками, а только с теми, которые имеют закругленные углы.

форма подписки smartresponder

В интернете информации не нашла. Может конечно никто с этим не сталкивался.  На всякий случай решила написать, как решить данную проблему… А вдруг кому-нибудь пригодится Улыбка

Дело в том, что иногда стили wordpress темы конфликтуют со стилями формы подписки  smartresponder.

И так, чтобы привести кнопку в исходное состояние необходимо внести некоторые изменения в код формы подписки.

В коде находим строчку стилей кнопки. value=»Подписаться» style=»background-image:

форма подписки smartresponder

Теперь нам необходимо дописать стиль скругления углов:

border-radius: 0px;

 

В итоге строчка должна выглядеть так:

value=<span style="color: #006080;">"Подписаться"</span> style=" border-radius: 0px; background-image:

 

форма подписки smartresponder

После того как код исправлен, можно добавлять его в сайдбар. Кнопка должна принять свой естественный вид.

2014-01-17_234148

Надеюсь, что данная статья, хоть кому-то пригодиться. Интересно, кто-нибудь сталкивался с такой проблемой? Если не трудно, напишите в комментариях.

На сегодня все.

С уважением, Яна Ходкина.

Комментариев: 5

  1. Добрый день! С такой проблемой я сталкивалась. У меня и сейчас в форме подписки стоит такая » кривая» кнопка подписки.Если интересно, то вот сссылка: http://podskazkioli.ru/podpiska103.html
    Билась долго, где изменить можно, но до конца не смогла сделать. Изменю согласно вашим настройкам! А пока пусть повисит для наглядности. Вот ссылка: Спасибо вам!
    Ольга

    • Отлично! Надеюсь, что все у Вас получится :) Там только в коде, на кавычки внимание обратите. Чтобы правильно все вставилось.

  2. Скажу больше :) При редактировании страницы, где есть форма подписки смарта, на кнопке не только появляются полоски, но и перед полями ввода появляются буллиты, как у списка.
    Как здесь прикрепить картинку не нашел, скрину тут http://dikhanieserdtsa.ru/public_html/images/00001.jpg
    Что делать, ума не приложу…

    • Здравствуйте, Вячеслав!
      У Вас стили съехали… В комментариях эту проблему не решить. Здесь надо смотреть лично…
      Могу посоветовать вам моего друга и коллегу — Профиль Вконтакте
      Он за приемлемую сумму может вам все исправить.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *