Notifications
Clear all

wpForo 1.x.x Hiding wpforo sidebar in a specific forum

3 Posts
2 Users
1 Likes
815 Views
ehsan
Posts: 10
Topic starter
(@ehsan)
Eminent Member
Joined: 1 year ago

Hello,

I want to hide the wpforo sidebar in some specific urls and show the sidebar in only the forum homepage.

For example,

I want to show the wpforo sidebar on https://mysite.com/community/ page with some widgets but

I DON'T want to show the wpoforo sidebar on https://mysite.com/community/example-forum  page.

So, when a member visits the https://mysite.com/community/example-forum  page he will see the forum having full width of the window.

Please help me to achieve this.

With kind regards,
Ehsan

Topic Tags
2 Replies
Chris
Posts: 2385
Admin
(@chris)
Support Team
Joined: 1 year ago

Hi @ehsan,

You can use the below HTML classes to hide the sidebar by topics, posts, forums .etc. I have not listed all of the classes, you can find the needed one for you by opening the needed page, then open the browser console, select elements Tab, find the Div with wpforo-wrap ID, check what class has that div on the page(starts with wpft-).

Examples:

  1. .wpft-forum
  2. .wpft-recent
  3. .wpft-topic
  4. .wpft-post

The below CSS code hides the sidebar for posts, you can remove .wpft-post class and use another one in the CSS Code to hide the sidebar in the needed pages.

.wpft-post .wpforo-main .wpforo-right-sidebar{
    display: none;
    width: 0px !important;
}
.wpft-post .wpforo-main .wpforo-content{
    width: 100% !important;
}

Insert the CSS Code in Custom CSS Codes field from Dashboard > Forums > Settings > Styles Tab

Reply
ehsan
Posts: 10
Topic starter
(@ehsan)
Eminent Member
Joined: 1 year ago

Many many thanks. I will definitely try this in my forum.

Reply