Как задать стиль для тега <ul> в виджете?

(Ответов: 3, Просмотров: 652)
  1. Новичок
    • Регистрация: 20.08.2015
    • Сообщений: 1
    • Репутация: 0
    Доброго времени суток.

    Собственно, вопрос в заголовке. В css для всех тегов <ul> задано вот такое оформление:
    Код:
    	ul, ol { margin: 0 0 1.5em 3em;}
    Но это оформление срабатывает не только в статьях, но и везде, в том числе и в виджетах. Собсно, для виджетов css таково:
    Код:
    .widget ul { /* Unordered lists inside widgets */
    }
    .widget ul li { /* Unordered list items inside widgets */
    	border-top: 1px solid #e5e5e5;
    	list-style: none;
    }
    .widget ul li a{
    	font-size: 13px;
    	display: block;
    	padding: 10px 0 10px 15px;
    }
    .widget ul li:hover > a{
    	color: #f4f4f4;
    	background-color:#669900;
    }
    Как убрать вышеописанное форматирование { margin: 0 0 1.5em 3em;} и добавить свое, к примеру, "margin-left: 5px;margin-bottom: 5px;". Прописывал с !important; но не помогает.

    Заранее благодарю.
    • 0
  2. Гуру Аватар для Dvoryashin
    • Регистрация: 29.04.2011
    • Сообщений: 1,332
    • Репутация: 280
    • Webmoney BL: ?
    можно принудительно в виджете писать
    Код HTML:
    <ul style="margin-left: 5px;margin-bottom: 5px;">...</ul>
    • 1

    Спасибо сказали:

    Freetoplay(20.08.2015),
  3. Опытный Аватар для Fktrctq
    • Регистрация: 21.12.2011
    • Сообщений: 457
    • Репутация: 11
    .widget ul { margin-left: 5px;margin-bottom: 5px}
    • 1

    Спасибо сказали:

    Freetoplay(20.08.2015),
  4. [web-developer] Аватар для cOAPerator
    • Регистрация: 22.02.2011
    • Сообщений: 613
    • Репутация: 110
    • Webmoney BL: ?
    Freetoplay, Почитайте про приоритеры селекторов внимательно. Судя по вопросу Вы совсем не понимаете или вообще не знаете про приоритет селекторов.
    В вашем случае ul, ol имеет больший приоритет чем классы.
    Вариантов решения три: переопределить в нисходящем селекторе, не задавать для селектора с более высоким приоритетом стили, либо использовать !important.
    Вам подойдет 1 и 3варианты, но третий не рекомендуется, потому что будете много использовать повышение приоритета - запутаетесь окончательно.
    • 1

    Спасибо сказали:

    mojwp(24.08.2015),

Похожие темы

Темы Раздел Ответов Последний пост
Как убрать вывод некоторых рубрик в виджете навигации Wordpress
WordPress 2 07.08.2014 17:13
Как убрать вывод некоторых рубрик в виджете навигации Wordpress
Вопросы от новичков 0 19.07.2014 13:07
7 копеек - цена за лайк на виджете от ВКонтакте
Услуги по SMM, SMO 6 28.04.2013 18:31
Ссылки в виджете ВП
Вопросы от новичков 3 26.08.2012 14:51
[WP] Вывод кода trustlink в виджете
WordPress 5 26.04.2012 20:30

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры