Mar 30, 2024 4:14 pm
I would like to modify the desktop view as shown in the attached image (move an icon + add text field. Could some wizard tell me where in the vastness of css-world I can find where to play around? (I guess it's simply a matter of changing some @media)
Thanks a lot
2 Replies
Mar 30, 2024 4:53 pm
Hi @coder
these are the two media queries
use a higher value for screen max-width (960px and 800px)
@media screen and (max-width: 960px) {
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread .wpf-thread-forum-mobile {
display: block;
}
}
@media screen and (max-width: 800px) {
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-forum, #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-forum, #wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-status, #wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-thead-status {
display: none;
}
}
add it to custom css
Dashboard > wpForo > Settings > Colors & Styles > Custom CSS
visit my german wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
Mar 30, 2024 5:00 pm
