I am new, and have searched on this forum.
Not finding can make the forum wider
You can try
.page .site-content
{
max-width: 100%;
}
Thank you for your response.
Where should I place this?
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).
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/
Thank you very much
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/
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;
}}