Notifications
Clear all

[Solved] How do I move wpforo side bar to the left ?

7 Posts
6 Users
3 Reactions
1,694 Views
Johndik
Posts: 12
Topic starter
(@ikeduru4)
Eminent Member
Joined: 6 years ago

How do I move wpforo side bar to the left ? Thanks.

Topic Tags
6 Replies
Posts: 1602
(@anonymous20)
Noble Member
Joined: 9 years ago

The only way i can think of is to use a THEME with left sidebar and use the theme's sidebars for wpForo widgets (instead of wpForo sidebars).

 

VereK
Posts: 522
(@verek)
Honorable Member
Joined: 7 years ago

CSS. Something like:

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

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

Sofy
Posts: 4900
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

Hi @ikeduru4,

I'd also recommend using thems's left sidebar instead of wpForo sidebars. 

However as @verek mentioned you can reach this using CSS code. Just add it in "Custom CSS code" textarea located in Dashboard > Forums > Settings > Styles admin page. This CSS code also should change the positions of the elements.

.wpforo-main.wpft-forum {
display: flex;
flex-direction: row-reverse;
justify-content: space-around;
}
3 Replies
(@berndg)
Joined: 6 years ago

Reputable Member
Posts: 243

@sofy Hi, I tried and i did not work. Probably this does no longer work with WPForo 2.x?

BlackRaz
Admin
(@blackraz)
Joined: 8 years ago

Contributor
Posts: 404

@berndg 

Try this for the latest version of wpForo.

#wpforo #wpforo-wrap .wpforo-main{
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-around;
}

#wpforo #wpforo-wrap .wpforo-main .wpforo-right-sidebar{
   border-right: 1px solid #ccc;
   padding-right: 10px;
}
(@berndg)
Joined: 6 years ago

Reputable Member
Posts: 243

@blackraz Thanks a lot!