Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

wpForo 1.x.x [Solved] Code for Editing Page for just forum section

10 Posts
2 Users
4 Reactions
1,149 Views
Posts: 1229
Topic starter
(@percysgrowroom)
Noble Member
Joined: 7 years ago

Difficult to explain...

Pretty much, i have posts, on wordpress, with bits of forum added, that are full page, with no side bar, for example:

https://percysgrowroom.com/cannabis-grow-diaries/

See how the bit with the forum has no side bar, this was done with CSS

I need to do the same thing, but on a page, instead of a post, for example, this:

https://percysgrowroom.com/cannabis-plant-infirmary/

I just need to know how to do it to pages instead of posts.... anyone able to help? 


9 Replies
Posts: 1229
Topic starter
(@percysgrowroom)
Noble Member
Joined: 7 years ago

the code for the full screen posts looks like this, i need the version for pages

.pageid-4423 #wpforo #wpforo-wrap #wpforo-menu, .pageid-4423 .wpforo-subtop, .pageid-4423 #wpforo #wpforo-wrap #wpforo-footer {
display: none !important;
}

.pageid-4423 #wpforo #wpforo-wrap .wpforo-right-sidebar{
display: none !important;
}

.pageid-4423 #wpforo #wpforo-wrap .wpforo-content {
width: 100% !important;
}


1 Reply
(@percysgrowroom)
Joined: 7 years ago

Noble Member
Posts: 1229

have you edited this, or did i post the wrong thing up? lol


Posts: 1229
Topic starter
(@percysgrowroom)
Noble Member
Joined: 7 years ago

yer i posted thw rong one, sorry, thats my attempt to get it to work lol

here is the post code that works:

.postid-4014 #wpforo #wpforo-wrap #wpforo-menu, .postid-4014 .wpforo-subtop, .postid-4014 #wpforo #wpforo-wrap #wpforo-footer {
display: none !important;
}

.postid-4014 #wpforo #wpforo-wrap .wpforo-right-sidebar{
display: none !important;
}

.postid-4014 #wpforo #wpforo-wrap .wpforo-content {
width: 100% !important;
}


1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5637

Hi @percysgrowroom,

You should use the following code:

body:not(.page-id-2153) #wpforo #wpforo-wrap #wpforo-menu, body:not(.page-id-2153) .wpforo-subtop, body:not(.page-id-2153) #wpforo #wpforo-wrap #wpforo-footer, body:not(.page-id-2153) #wpforo #wpforo-wrap .wpforo-right-sidebar {
display: none !important;
}


body:not(.page-id-2153) #wpforo #wpforo-wrap .wpforo-content {
width: 100% !important;
}

The .page-id-2153 is the main wpForo page. 


Posts: 1229
Topic starter
(@percysgrowroom)
Noble Member
Joined: 7 years ago

That worked!! Thanks Sofy.... I need to do the same thing for some more pages i will be making, do i use the same code for other pages? 


4 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5637

@percysgrowroom

the code will work on all posts and pages. 


(@percysgrowroom)
Joined: 7 years ago

Noble Member
Posts: 1229

@sofy

I have got the code i sent you on loads of posts..... do i not need it now I have the code you sent me? I can delete the older custom CSS and jsut keep this new one?


Sofy
 Sofy
Admin
(@sofy)
Joined: 8 years ago

Support Team
Posts: 5637

@percysgrowroom

yes, the old custom codes can be deleted. The last code I've provided is hiding the menu, sidebar, footer from all posts/pages except the wpForo pages. 


(@percysgrowroom)
Joined: 7 years ago

Noble Member
Posts: 1229

@sofy

you are a legend! Wow, thanks Sofy as usual!