Notifications
Clear all

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

10 Posts
2 Users
4 Reactions
896 Views
Posts: 1187
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 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: 1187
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 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: 6 years ago

Noble Member
Posts: 1187

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

Posts: 1187
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 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: 7 years ago

Support Team
Posts: 4772

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: 1187
Topic starter
(@percysgrowroom)
Noble Member
Joined: 6 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: 7 years ago

Support Team
Posts: 4772

@percysgrowroom

the code will work on all posts and pages. 

(@percysgrowroom)
Joined: 6 years ago

Noble Member
Posts: 1187

@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: 7 years ago

Support Team
Posts: 4772

@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: 6 years ago

Noble Member
Posts: 1187

@sofy

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