Как изменить цвет стрелок?

Question

У меня есть этот сайт:

http://dl.dg-site.com/

В этом месте мы имеем меню стрелка серого цвета ...

Как я могу изменить цвет белых стрелок, не изменяя ничего другого?

Я нашел этот код здесь ... и не меняют цвет, но только стрелка

header, 
    nav>ul ul, 
    #magic-line, 
    #topbar.announcement_bar_style_3, 
    #topbar.announcement_bar_style_2, 
    #topbar.announcement_bar_style_1, 
    .testimonial_small p, 
    .ABs_pricing-table-2 .ABs_pricebox_feature:last-of-type{ 
     border-bottom-color:#969696 !important; 
    } 

Можете ли вы помочь мне решить эту проблему?

Заранее благодарен!

Answer 1

#magic-line { 
    border-bottom-color: #fff !important; 
} 

!important декларация необходима, так как переопределить правило, которое я показал в своем вопросе. Как правило, вам следует избегать использования! important.

Я подозреваю, что это уже готовая тема WordPress, и правило, которое вы указали в своем вопросе, вводится на страницу по теме, поэтому вы не сможете редактировать ее напрямую. В этом случае потребуется !important, и вам нужно будет убедиться, что ваше новое правило появляется после правила, которое устанавливает серый цвет границы.

Если по какой-то причине вы не можете загрузить свои пользовательские стили после стилей, сгенерированных темой, вам потребуется правило, которое более конкретно, чтобы гарантировать, что оно имеет приоритет, например.

nav #magic-line { 
    border-bottom-color: #fff !important; 
}