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] Make a wider forum

13 Posts
6 Users
1 Reactions
4,010 Views
Posts: 27
Topic starter
(@sodemieters)
Eminent Member
Joined: 7 years ago

I am new, and have searched on this forum.
Not finding can make the forum wider

https://mijbest.nl/community/


12 Replies
Posts: 3
(@deaddred)
Active Member
Joined: 7 years ago

You can try

.page .site-content 
{
max-width: 100%;
}

 


1 Reply
(@sodemieters)
Joined: 7 years ago

Eminent Member
Posts: 27

Thank you for your response.

Where should I place this?


Sofy
Posts: 5637
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 years ago

Hi @sodemieters

Please note: wpForo has no direct relation to width. It gets theme page width.

You should put the CSS code provided by @deaddred in "Custom CSS Code" textarea (Dashboard > Forums > Settings > Styles admin page).  


1 Reply
(@deaddred)
Joined: 7 years ago

Active Member
Posts: 3

Yes sorry I should have been more specific like stated above. There's also a Snippets module  you can use to add css or php modification that will not be reset when you update your theme. https://en-ca.wordpress.org/plugins/code-snippets/


Posts: 27
Topic starter
(@sodemieters)
Eminent Member
Joined: 7 years ago

Thank you very much


Posts: 316
(@1sharonkat)
Reputable Member
Joined: 9 years ago

if yo need room for widgets then:

#wpforo #wpforo-wrap .wpforo-content{ width: 73%; }
#wpforo #wpforo-wrap .wpforo-right-sidebar { width: 24%;}

or left-sidebar

https://mityaalim.org/community/

 


1 Reply
VereK
(@verek)
Joined: 8 years ago

Honorable Member
Posts: 522
Posted by: yossik

if yo need room for widgets then:

#wpforo #wpforo-wrap .wpforo-content{ width: 73%; }
#wpforo #wpforo-wrap .wpforo-right-sidebar { width: 24%;}

or left-sidebar

https://mityaalim.org/community/

 

Nice but it will look squashed on the average mobile phone.

Try this code (tweak the size settings to suit your site)

/* Page Width Styling with Sidebar */

#wpforo #wpforo-wrap .wpforo-content {
width: 78%;
float: right;
padding: 0px;
box-sizing: border-box;
}

#wpforo #wpforo-wrap .wpforo-right-sidebar {
width: 19%;
float: left;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
}

@media screen and (max-width: 800px){
#wpforo #wpforo-wrap .wpforo-content {
width: 100%;
float: none;
}}

@media screen and (max-width: 800px){
#wpforo #wpforo-wrap .wpforo-right-sidebar {
width: 100%;
float: none;
margin-top: 25px;
}}

Page 1 / 2