我正在使用Awesome Flickr Gallery，一个在网站上显示Flickr图库的插件；它使用“Swipebox”在灯箱上显示单个图片。

灯箱在屏幕上和底部显示两个栏，di显示信息并提供导航控制。我正在尝试自定义这些栏以匹配网站的字体和颜色，但没有成功。

通过用铬检查相关项目，我发现这些元素<div id="swipebox-top-bar" class="visible-bars"> 和<div id="swipebox-bottom-bar" class="visible-bars">

这是我的自定义代码：

#swipebox-top-bar, #swipebox-bottom-bar {
    font-family: Montserrat,Helvetica,Arial,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 1px #000 !important;
    background: #A01921 !important;
    opacity: .80 !important;
}

我尝试过各种组合，不仅仅是#swipebox-bottom-bar, #swipebox-top-bar, 而且div#swipebox-bottom-bar, div#swipebox-top-bar, div#swipebox-bottom-bar.visible-bars, div#swipebox-top-bar.visible-bars, visible-bars, 但似乎什么都不管用。

如何成功自定义这些元素？