Wordbar Sidebar Widget CSS

Используя Firebug, я наконец (это была постоянная борьба) нашел CSS, который мне нужно отредактировать, чтобы исправить мою программу межсетевого экрана. Это ниже:Wordbar Sidebar Widget CSS

#sidebar .widget { 
margin-bottom: 45px; 
position: relative; 
}

То, что я хочу сделать, это изменить запас дна, чтобы быть 5px вместо 45. Однако, я не могу найти этот конкретный CSS в любом месте. Когда я нахожу его через Firebug, он находится в файле с именем all.css, но я могу редактировать файл style.css только через Wordpress.

Я попытался изменить его в пользовательском CSS, но это ничего не исправить. Может кто-нибудь, пожалуйста, помогите мне? Я ничего не знаю о CSS, и я был так взволнован, чтобы наконец выяснить, что мне нужно изменить, и теперь я не могу его изменить!

источник

2013-11-15 blazethei

Покажите нам HTML. – matewka

Попробуйте #sidebar .widget {margin-bottom: 5px! Important; } –

@ Jay Bhatt, Это не обязательно, если OP имеет WP, установленный на своем собственном сервере. Но тем не менее это быстрое решение незначительной проблемы. JavaScript может использоваться для переопределения этого; если все остальное не удается. –

Проверить в разделе <head>, если style.css загружается послеall.css. Если нет, вы должны предоставить правило CSS, которое будет более точным, чем значение от all.css, например.

#sidebar div.widget { 
    margin-bottom: 5px; 
    position: relative; 
}

(если .widget является div, конечно)

источник

2013-11-15 17:30:13 matewka

Было бы хорошей практикой предоставить более конкретное правило в любом случае, чтобы соответствовать архитектурно сплошному стилю. Хороший ответ. +1 –

@JackWilliams Я полностью согласен с вами. Я не упоминал об этом, потому что я не знаю DOM этого конкретного сайта, но я мог бы упомянуть об этом в любом случае. Наверное, вот для чего нужны комментарии. – matewka

@matewka Извините, я очень новичок в CSS. Не могли бы вы объяснить это немного больше? – blazethei

Wordbar Sidebar Widget CSS

ответ

Смежные вопросы