自定义CSS更改主菜单的颜色为选定的WEN关联主题

Question

我试图使用自定义CSS来改变我的网站主菜单上所选项目下的小突出显示栏，以匹配品牌颜色。WEN关联的默认主题是橙色，但我想把它改成白色。我还想把"Recruitment Services"中的块按钮背景改为米色(#a58263)块(见链接- https://www.kelownahr.com/)。

对于块按钮，我尝试了以下代码:

.wp-block-button_link {
background-color: #a58263
!important
}

没有变化(仍然默认为橙色)

Answer 1

要理解查询的第一部分有点困难，但是，这是决定边框悬停颜色的选择器:

#site-navigation li a:hover,
#site-navigation li:hover > a,
#site-navigation li.current-menu-item > a,
#site-navigation li.current_page_item > a {
border-bottom: 3px solid #ff794c;
opacity: 1;
}

第二部分的答案如下:

.wp-block-file .wp-block-file__button,
.wp-block-button__link{
background-color: #a58263 !important;}