В пользовательской адаптивной теме WordPress bootstrap.ss overlap style.css

#css #responsive-design

#css #адаптивный дизайн

Вопрос:

При создании пользовательской темы я столкнулся с одной проблемой http://templategraphy.com/wp-demo/landro / lookwise это выглядит не так хорошо, потому что он не поддерживает style.css По умолчанию он показывает все свои свойства css из bootstrap.min.css.

Я хочу, чтобы тема выглядела хорошо, как этот html http://templategraphy.com/demo/landro / что я должен сделать, чтобы тема взяла все свои css-свойства из style.css.

Заранее спасибо

1. Вам необходимо определить дочернюю тему, если вы используете какие-либо темы. Дочерняя тема позволит вам вносить незначительные изменения в существующую тему, но если вы обновите свою тему, изменения останутся. Ваша ситуация: в вашей дочерней теме вы можете переопределить стили начальной загрузки, используя !important для некоторых стилей, которые не работают. Однако не используйте !important слишком много.

2. спасибо Крису за ваши предложения. но я не использую ни одного!важно в bootstarp.mim.css я не слишком дружелюбен к css, поэтому, пожалуйста, не могли бы вы объяснить мне еще раз, что именно я делаю, чтобы тема выглядела идеально..

Ответ №1:

сначала вам нужно связать bootstrap.css, а затем ваш style.css

причина в порядке css важна для каскадирования.

все пользовательские стили или созданные вами появляются последними.

1. спасибо, маулик, он работает… пожалуйста, проверьте мою тему templategraphy.com/wp-demo/landro теперь он показывает, что меню приобретают неупорядоченный вид. меню портфолио сдвинуто на

2. #nav-section .container #nav-menu li { float: left; margin-right: 42px; } это правило в style.css приводит к смещению портфолио вниз