MyBB Community Forums
Inline subforums - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Development (https://community.mybb.com/forum-105.html)
+---- Thread: Inline subforums (/thread-194045.html)



Inline subforums - Chevy - 2016-06-10

Hello.
I'm converting a 1.6 theme to 1.8, but right now I'm stuck at the subforums. I want to make them displayed inline just like 1.8 but I can't understand how. I've tried everything with CSS but I just can't get it to work, I guess there's something to edit in the core?


RE: Inline subforums - subzr1 - 2016-06-10

nothing related to the core most sure
with some image or live preview of the issue would be better
but most sure it should be on templates


RE: Inline subforums - Chevy - 2016-06-11

(2016-06-10, 09:38 PM)subzr1 Wrote: nothing related to the core most sure
with some image or live preview of the issue would be better
but most sure it should be on templates

https://i.gyazo.com/a7a78ae3d81118906f4cb2e7e40d4be7.png
At the moment subforums are displayed in multiple lines, I want them to be displayed in a single line just like 1.8
I can't give u a live preview because it's in my lochalhost


RE: Inline subforums - eNvy - 2016-06-11

This:

.subforumicon {
    display: inline-block;
}



RE: Inline subforums - Chevy - 2016-06-11

(2016-06-11, 01:05 PM)eNvy Wrote: This:

.subforumicon {
    display: inline-block;
}
Already tried, doesn't work..


RE: Inline subforums - Mr Frosty - 2016-07-10

(2016-06-11, 01:50 PM)Chevy Wrote:
(2016-06-11, 01:05 PM)eNvy Wrote: This:

.subforumicon {
    display: inline-block;
}
Already tried, doesn't work..

Is it correct that those subforums are displayed in a list? like:

<ul>  Subforums: </ul>
     <li> TEST </li>
     <li> TEST </li>  


it does seem like it because of those dots, if this is the case this should fix it.

Give the " ul " a class in one of the templates and then in the global css just put this:

.yourSubforumsClass li {
     float: left;
}