Notifications
Clear all

[Solved] Modify desktop view

3 Posts
2 Users
1 Reactions
127 Views
Coder
Posts: 19
Topic starter
(@coder)
Eminent Member
Joined: 3 months ago

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
Tutrix
Posts: 1328
(@tutrix)
Noble Member
Joined: 4 years ago

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

1 Reply
Coder
(@coder)
Joined: 3 months ago

Eminent Member
Posts: 19

@tutrix you are amazing! Thanks a lot Tutrix