AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

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

7 Posts
6 Users
3 Reactions
2,507 Views
Johndik
Posts: 12
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@ikeduru4)
Eminent Member
Joined: 7 years ago
[#8198]

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


Topic Tags
6 Replies
Posts: 1593
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@anonymous20)
Noble Member
Joined: 10 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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@verek)
Honorable Member
Joined: 8 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: 5774
 Sofy
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@sofy)
Support Team
Joined: 8 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: 7 years ago

Reputable Member
Posts: 243
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

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


BlackRaz
Admin
(@blackraz)
Joined: 9 years ago

Contributor
Posts: 396
Sofy
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@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: 7 years ago

Reputable Member
Posts: 243
Sofy
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@blackraz Thanks a lot!


Share: