Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Решено Добавить вертикальный разделитель в меню

Тема в разделе "Вопросы, советы и доработки.", создана пользователем Moonlight31, 10 авг 2016.

  1. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    Добрый день!
    Подскажите пожалуйста, как добавить вертикальный разделитель в primary menu
    upload_2016-8-10_14-23-13.png

    В Top menu такой разделитель уже есть
    upload_2016-8-10_14-22-46.png
    Ссылка: http://mynligzk.bget.ru/

    Заранее спасибо!
     
  2. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    попробуйте добавить в конец style.css темы:
    Код:
    #main-menu li:after {
        content: '|';
        margin-left: 14px;
        color: #cfd3d7;
    }
    
    #main-menu li:last-child:after { display: none }
    хотя без разделителей имхо лучше)
     
    • Нравится Нравится x 1
  3. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    По мне тоже, без них смотрится лучше)
    upload_2016-8-10_14-50-52.png
     
  4. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    код мой оставьте, посмотрю, что еще нужно добавить
     
    • Нравится Нравится x 1
  5. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    Спасибо большое)
     
  6. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    небольшая поправка
    Код:
    #main-menu li a:after {
        content: '|';
        margin-left: 14px;
        color: #cfd3d7;
    }
    
    #main-menu li a:last-child:after { display: none }
     
    • Нравится Нравится x 1
  7. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    вставил последнее - пропали)
    первый кусок удалил
     
  8. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    так, только этот кусок попробуйте для начала:
    Код:
    #main-menu li a:after {
        content: '|';
        margin-left: 14px;
        color: #cfd3d7;
    }
     
    • Нравится Нравится x 1
  9. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    upload_2016-8-10_15-5-33.png
     
  10. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    Спасибо))
    Можно ли выставить выравнивание по середине?
     
  11. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    ну, например так:
    Код:
    .sf-menu>li {
        margin-left: 15px;
    }
     
    • Нравится Нравится x 1
  12. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    Спасибо большое)
     
    • Нравится Нравится x 1