Notifications
Clear all

[Solved] Category Panel background color and font color

5 Posts
2 Users
2 Likes
116 Views
shl
Posts: 39
 shl
Topic starter
(@shl)
Trusted Member
Joined: 3 years ago

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!

wpForo Version
2.0.6
WordPress Version
6.0.2
Topic Tags
4 Replies
Tutrix
Posts: 822
(@tutrix)
Noble Member
Joined: 3 years ago

@shl

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;}
3 Replies
shl
 shl
(@shl)
Joined: 3 years ago

Trusted Member
Posts: 39

@tutrix WOW great that worked! Many thanks! 
Now just a last question. As you can see on the attached image, the icon is now still black. How would we get this white too? 

Thanks
Sven

Tutrix
(@tutrix)
Joined: 3 years ago

Noble Member
Posts: 822

@shl 

#wpforo #wpforo-wrap .cat-icon i,
#wpforo #wpforo-wrap .wpf-forums i,
#wpforo #wpforo-wrap .cat-stat-posts,
#wpforo #wpforo-wrap .cat-stat-topics {
 color: #ffffff !important;
}
shl
 shl
(@shl)
Joined: 3 years ago

Trusted Member
Posts: 39

@tutrix This worked, many thanks!!