Just done install Vanilla Forums on our subdomain and have finished for tweaking the default template which is BiterSweet theme.
We change the looks of BitterSweet theme to become more clean, minimalist and looks almost “the same” with our main site (this site)
It look pretty good after we remove some of “unnecessary” element on it. What we do is just tweak the CSS code only. You can check the result here; https://forum.digimanx.com
If you like to create a forum under your main site subdomain like we do, we really suggest to try Vanilla forum, it simple easy, easy and its free!
However, Vanilla Forums also offering a “cloud” to host the forum for their premium member. But using it as a standalone forum application on your own host it come as free open source forum software.
You can easily install Vanilla Forums on subdomain using Softaculous.
Here we like to share to you guys who wanted or already create a forum using Vanilla Forum on subdomain and want to tweak the default BitterSweet template as you like.
Here is what exactly what we have done with the little restoration of BitterSweet template. By see this we hope you’ll get the idea to modify it better than us
We Remove The BitterSweet Top Nav and Default Footer
Yep! we remove completely the Top Nav and it’s footer credit. Wait! removing footer credit? does it violate the license?
Nope! is not, you can visit the forum who talk about it here: open.vanillaforums.com
You can do that by editing the default.master.tpl from cPanel, just find inside your Vanilla forums > Themes > Views and remove the Top Nav section.
Below is the example of default.master.tpl of BitterSweet theme after we change the footer credit. You get the idea 🙂
How to Modify Vanilla Forum Default Template CSS?
And to modify the default CSS of BitterSweet theme we use CSSedit plugin that you can download here https://open.vanillaforums.com/addon/cssedit-plugin
To install the plugin simply upload it to Forum directory > Plugins using FileZilla.
Moving The #Head to Top Using CSS
After we install the CSS Edit plugin we can easily modify the CSS from the Vanilla Forums admin dashboard.
Basically you can nott modify the original css code, so this plugin allows you to modify it right inside from your admin dashboard.
Modify The Mobile Default Look
Yeah! we also modify the mobile forums appearance, below is the screen shot after we do some tweak. We also tweak the mobile css code in the cssedit plugin editor.
The Modified CSS Of BitterSweet Template
Okay! if you like our modified version of BitterSweet template you can use it on your forum. View our modified of the css code on given link below and put it to your Vanilla Forums admin dashboard > Settings Configuration & Addons (tabs) > CSS Editor.
View the modified css code here: http://www.spaste.com
Additionally, you can change the color of #Head section, fonts, link (a) color etc, as you prefer. Hope you like it 🙂