Вносил небольшие изменения в адаптивность своего сайта на Wordpress, сверстанного с помощью bootstrap. Решил сделать адаптивное меню. Для этого скачал bootstrap.js, glyphicons и кинул их на сервер в директорию с темой. Потом в functions.php прописал этот скрипт. Обновляю страницу — частично слетела верстка. Половина шрифтов нормальная осталась, а половина заменилась системным arialом. Помимо этого полетели colsы, нарушились интерлиньяж, font-size.
Все перепробовал — и отменял изменения, и удалял новые файлы, переподключал стили. Ничего не помогло. Предполагаю, что произошел конфликт стилей. Теперь не знаю, что делать. Подгонять при помощь !important текущие стили или пытаться как-то решить проблему.
Подскажите, в чем причина или хотя бы куда копать. Заранее спасибо!
Даниил Кондратович: у вас только 2 файла стилей ?У меня была такая проблема , но не знаю такая ли проблема у вас. У меня тоже стили пропадали , причиной тому было то, что при загрузке сайта скрипт меню дает тэгу body с определенным классом, свой класс , и стили пропадали. Еще может быть что у вас ошибка в самом css.
mr_firuzinho: Вообщем, все восстановил, кроме размера шрифта и отступов. Кажется, проблема кроется в приоритетах стилей, тк файл style.css корректно подключён и нормально работает, однако его почему-то перекрывает bootstrap. Думаю решить проблему, проставив в определенных свойствах !important. Мне только одно не понятно. Почему bootstrap проявил себя так именно сейчас, а не раньше
mr_firuzinho: Окончательно решил проблему очередным переподключением стилей через functions.php. В чем была загвоздка, так и не понял. Спасибо за участие!
Возможно, конфликт классов. Разные файлы присваивали одним классам разные свойства. Предлагаю подключить Bootstrap выше собственных стилей. В таком случае элементы сохранят свои первоначальные стили, и новые останутся.
Сложный
