Jump to the post that solved this thread.
Solved: 6 Years, 4 Months, 1 Week ago Need to adjust subforums layout
#1
Solved: 6 Years, 4 Months, 1 Week ago
Hello I want a small editing in my sub forums layout.
So currently sub forums show horizontally as they show on all MyBB forums as shown below.

   

I want to show them vertically like this. I made this image by editing the source code of page, but I can not find anything in forumbit_subforums to edit it as there is only one code

{$subforums}

   

So how can I show subforums vertically instead of horizontal view ?

Regards.
In case you think I have helped you, do not forget to add +rep.

Dota International - Your Daily Dota Doze
Reply
#2
Solved: 6 Years, 4 Months, 1 Week ago
ACP >> Templates >> Your Theme's Template >> Forum Bit Templates >> forumbit_depth3 >> Replace the code with

<br />{$statusicon}<a href="{$forum_url}" title="{$forum_viewers_text_plain}">{$forum['name']}</a>
We can't help everyone, but everyone can help someone - Ronald Reagan
Did you know? Your question has already been answered. But you haven't searched it yet.
Don’t  Forget to “Mark as Solved” after the fix
Reply
#3
Solved: 6 Years, 4 Months, 1 Week ago
I want to make 2 vertical columns of subforums. Please guide me how do I show them in columns?
Reply
#4
Solved: 6 Years, 4 Months, 1 Week ago
(2014-12-27, 11:40 AM)singleboy Wrote: I want to make 2 vertical columns of subforums. Please guide me how do I show them in columns?

to make two columns, first goto

ACP >> Templates >> Your Theme's Template >> Forum Bit Templates >> forumbit_depth3 >> Replace the content with

<li>{$statusicon}<a href="{$forum_url}" title="{$forum_viewers_text_plain}">{$forum['name']}</a></li>


Step 2: ACP >> Templates >> Your Theme's Template >> Forum Bit Templates >> forumbit_subforums >> Replace the content with

<br />{$lang->subforums}<br /><ul class="sub_forums">{$sub_forums}</ul>


Step 3: Add this to global.css

.sub_forums {
list-style: none; 
margin: 0; 
padding: 0;
}

.sub_forums li {
width: 50%; 
float: left;
}

Save everything open your forums and do a hard refresh (Ctrl+F5) if you dont see the changes....

TIP: the "width: 50%" gives us the two column layout, changing that to 33% will give 3 columns, 100% will give single column and so on... Big Grin
We can't help everyone, but everyone can help someone - Ronald Reagan
Did you know? Your question has already been answered. But you haven't searched it yet.
Don’t  Forget to “Mark as Solved” after the fix
Reply
#5
Solved: 6 Years, 4 Months, 1 Week ago
I have made the above changes but it is still showing one column layout.
Reply
#6
Solved: 6 Years, 4 Months, 1 Week ago
(2014-12-27, 04:12 PM)singleboy Wrote: I have made the above changes but it is still showing one column layout.

oops sorry, typo Toungue I forgot to close the li tag in forumbit_depth3 template.. please check the above post again and change it accordingly...
We can't help everyone, but everyone can help someone - Ronald Reagan
Did you know? Your question has already been answered. But you haven't searched it yet.
Don’t  Forget to “Mark as Solved” after the fix
Reply
#7
Solved: 6 Years, 4 Months, 1 Week ago
please guide me again, how do I close the li tag?

Thanks it is done.
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)