We are tyring to change the font color and background above the new forum board images. See screenshot upload.
I have tried the following - but it does not seem to work
Forum URL stays https://www.livetube.tv/forum
What I have tried (and yes we cleared all cache as before)
#wpforo-cat-panel {
background: rgba(0,107,172,0.67) !important;
color: #ffffff !important;
}
Or do we have somewhere a mistake in our code.
Would appreciate you also have a general look if it looks OK.
#wpforo #wpforo-wrap {
padding: 10px 10px;
}
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content p, #wpforo #wpforo-wrap .wpforo-revision-body p, #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content span {
font-family: "Arial Rounded MT Std", Arial, sans-serif !important;
}
#wpforo #wpforo-wrap .wpforo-forum-description {
font-family: "Arial Rounded MT Std", Arial, sans-serif !important;
}
.mce-container, .mce-container *, .mce-widget, .mce-widget * {
color: #006bac !important;
}
.mce-tooltip-inner {
color:#ffffff !important;
background: #006bac !important;
}
.mceu_61-button {
background: #ffffff;
}
@media screen and (max-width: 620px){
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu li > ul {
display: block !important;
}
#wpforo-cat-panel {
background: rgba(0,107,172,0.67) !important;
color: #ffffff !important;
}
Many thanks for your help
Appreciated!
the closing bracket of @media screen is missing }
@media screen and (max-width: 620px){ #wpforo #wpforo-wrap #wpforo-menu .wpf-menu li > ul { display: block !important; }
Correctly
@media screen and (max-width: 620px){ #wpforo #wpforo-wrap #wpforo-menu .wpf-menu li > ul { display: block !important; }}
and use
#wpforo #wpforo-wrap .wpforo-cat-panel { background: rgba(0, 107, 172, 0.67) !important;} #wpforo #wpforo-wrap .cat-title .cat-name { color: #ffffff !important;}