Треугольник под выбранным пунктом меню на WordPress

25.08.2015 | WordPress , Дизайн |
Buzz
1287 Просмотров
Чтобы установить треугольник (стрелку-указатель) снизу выбранного пункта меню, нужно добавить код для current item:

Код HTML:
.main-navigation ul li.current-menu-item a::after,
.main-navigation ul li.current_page_item a::after {
    content: '';
    position: absolute;
    border: solid 10px transparent;
    border-top: solid 0px transparent;
    border-width: 10px;
    left: 50%;/* center triangle */
    margin-left: -10px;
    border-color: rgba(239, 128, 23, 1) transparent transparent transparent; /* color of the menu */
    top:38px;
}
Подробнее по ссылке: http://stackoverflow.com/questions/2...press-with-css
    0 Комментарии