Notifications
Clear all

wpForo 1.x.x [Solved] Make a wider forum

13 Posts
6 Users
1 Reactions
2,367 Views
Posts: 27
Topic starter
(@sodemieters)
Eminent Member
Joined: 6 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: 6 years ago

You can try

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

Β 

1 Reply
(@sodemieters)
Joined: 6 years ago

Eminent Member
Posts: 27

Thank you for your response.

Where should I place this?

Sofy
Posts: 4560
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 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: 6 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: 6 years ago

Thank you very much

Posts: 316
(@1sharonkat)
Reputable Member
Joined: 8 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: 7 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