[Помогите] Закрасить область в категориях

Тема в разделе "Wordpress", создана пользователем nexis33, 10 мар 2015.

Модераторы: Sorcus
  1. nexis33

    nexis33 Постоялец

    Регистр.:
    11 фев 2015
    Сообщения:
    110
    Симпатии:
    1
    Добрый день, помогите как видно на (скрин 1) Мне нужно выделить в категории 2 пункта "земельные вопросы" и "жилищные вопросы" То-есть чтобы они бросались в глаза когда заходишь на сайт. Помогите кто может, заранее спасибо!
     

    Вложения:

  2. ddn128

    ddn128

    Регистр.:
    31 июл 2013
    Сообщения:
    374
    Симпатии:
    163
    В меню можно прописывать стили (в названии). <span class="kakoyto_class">земельные вопросы</span>
     
  3. danneo

    danneo Честный

    Регистр.:
    13 ноя 2007
    Сообщения:
    1.418
    Симпатии:
    109
    можно просто добавить стиль в существующий:
    Хотя, это не бросается в глаза, а режет уже глаз.
     
  4. nexis33

    nexis33 Постоялец

    Регистр.:
    11 фев 2015
    Сообщения:
    110
    Симпатии:
    1
    Это в Css прописывать?
     
  5. danneo

    danneo Честный

    Регистр.:
    13 ноя 2007
    Сообщения:
    1.418
    Симпатии:
    109
    class="dcjq-parent svoy-color" в HTML
    .svoy-color{background-color: red}; в CSS
     
  6. dmitrypro

    dmitrypro Писатель

    Регистр.:
    15 июн 2014
    Сообщения:
    8
    Симпатии:
    3
    В админке заходите в меню, в верхнем углу вкладка "настройки экрана", щелкайте галку на "классы css". Далее разворачиваете нужные пункты меню и пишите класс highlight, например. Ну и в стилях:
    Код:
    .highlight{
    property:value;
    }
     
  7. xoxmo

    xoxmo Постоялец

    Регистр.:
    24 мар 2008
    Сообщения:
    142
    Симпатии:
    86
    в вордпрессе у каждого пункта меню есть свой ID. в данном случае у жилищных вопросов айди этот #menu-item-10336, у земельных вопросов - #menu-item-10339.
    если вы не будете менять эту менюшку, то ухищряться с добавлением классов каждому пункту меню нет нужды, хотя вариант с добавлением определенного класса определенным пунктам меню самый правильный.
    можно просто назначить другой стиль кажому айди, например, в данном случае так ( добавить в style.css )
    HTML:
    li#menu-item-10336 {
      background: #27ae60 !important;
    }
    
    li#menu-item-10336:hover {
      background: #2ecc71 !important;
    }
    li#menu-item-10339 {
      background: #27ae60 !important;
    }
    
    li#menu-item-10339:hover {
      background: #2ecc71 !important;
    }
    ошибся немного, вышеприведенный стиль для текущей версии сайта. для вашего кода (который на локалке, скорее всего), код будет таким:
    HTML:
    li#menu-item-9935 a.dcjq-parent {
      background-color: #27ae60 !important;
    }
    
    li#menu-item-9935 a.dcjq-parent:hover {
      background-color: #2ecc71 !important;
    }
    li#menu-item-9933 a.dcjq-parent {
      background-color: #27ae60 !important;
    }
    
    li#menu-item-9933 a.dcjq-parent:hover {
      background-color: #2ecc71 !important;
    }
     
    Последнее редактирование: 14 апр 2015