2014-01-24 4 views
0

Я разрабатываю плагин для Wordpress и содержит много контента (списки форм и т. Д.).reset wordpress default theme (TwentyThirteen) style для кнопок

Я знаю, что это задано несколько раз, но не в wordpress contects.

тема по умолчанию TwentyThirteen ставит некоторые уродливые стили на все кнопки:

button, 
input[type="submit"], 
input[type="button"], 
input[type="reset"]{ 
    background: #e05d22; 
    background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); 
    border-bottom: 3px solid #b93207; 
    border-radius: 2px; 
    padding: 11px 24px 10px; 
} 

и еще несколько Diferent определения для :focus, :active, :hover.

Это не большая проблема, если у вас есть тяжелые staled страница с пользовательскими кнопками выглядят ...
, но в моем случае я полагаюсь использовать JQuery и твиттера-самозагрузки и есть стили получить полностью messedup (красные границ на зависании, случайных paddings и так далее).

И переопределение стилей для кнопки закрытия на DatePicker, например, чтобы заставить его выглядеть НОРМАЛЬНЫМ ... не весело.

Это кажется для меня общей проблемой, но я новичок в Wordpress темы и плагины ...
так что это хорошее решение для очистки/нормализации этого стиля?

(Только сброс CSS будет удалить большую часть выглядит по умолчанию)

ответ

0

попробовать !important, поскольку он имеет наивысший приоритет, кроме inline style.

+0

! Важно зафиксирует (скажем, фон) конкретный цвет .. и все зависание эффекта или стилей из библиотек перестанет работать. –

+0

Вы пытались добавить правило '! Important', используя jquery? и какие возможные способы попробовали применить CSS тоже. – rockStar

0

Предполагаю, что вы планируете использовать двадцатьнадцать, но вам нужно изменить стиль для нескольких элементов. Это можно легко сделать с помощью детской темы. Очень легко сделать детскую тему, посмотреть ее на google или на YouTube много уроков. Вот один пример создания дочерней темы http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial и вот учебник по youtube http://www.youtube.com/watch?v=mvzlw8D6pvk В вашей теме style.css вам нужно только переопределить стили, которые вызывают проблемы. И они автоматически отменяют двадцатьнадцать, оставляя остальных без изменений.

+0

Нет, моя работа находится только в плагине, а не в конфигурациях WP. Поэтому распространение его с помощью детской темы не имеет смысла. –

+0

Тогда я думаю, что у вас есть более фундаментальная проблема, так как ваш плагин, очевидно, не работает ни с какой темой. В хорошо спроектированном плагине вы должны позволить тематике выбирать стили. Теперь вы можете подключиться к загрузке страницы Wordpress для добавления/переопределения стилей. Посмотрите «WP_Styles» в документации Wordpress. Но делать это, вероятно, вызовет другие «сюрпризы» в будущем, поскольку разработчики тем не ожидают, что плагин будет мешать их стилизации. Там, безусловно, будут темы, которые не работают с вашим плагином. –