Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

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

13 Posts
6 Users
1 Reactions
3,169 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: 5483
 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