MyBB Community Forums

i am trying about 4 hours 
to make these

---

Like this

---

(2020-02-17, 09:43 PM)Mastersly Wrote: [ -> ]i am trying about 4 hours 
to make these

---

Like this

---

I assume you mean like something like below?


in dark.css change:

.bbp-forum {
    list-style: none;
    display: -webkit-inline-box;
}

.bbp-forum a {
    /*! float: left; */
    font-size: 11px;
    width: auto;
    /*! margin-right: 1%; */
    display: inline-block;
    margin-top: 5px;
    padding: 4px 7px;
    background-color: #527fbd;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #303030;
    color: #fff;
    font-weight: 700;
}

or in dark.css change:

.bbp-forum {
    list-style: none;
    display: -webkit-inline-box;
}

.bbp-forum a {
    /*! float: left; */
    font-size: 11px;
    width: auto;
    /*! margin-right: 1%; */
    display: inline-block;
    margin-top: 5px;
    padding: 4px 7px;
/*    background-color: #527fbd;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #303030;*/
    border-color: none !important;
    background-color: none !important;        
    color: #fff;
    font-weight: 700;
}

Thanks you for your help again. I am gonna try tomorrow because i am using my phone right now

---

sorry but that didnt change anything

---

now it works thanks you

---

how cold i remove "1 more"

Have a look at this turorial: https://community.mybb.com/thread-224036...pid1333619
You can see this example of responsible solution on my forum.

[ExiTuS]

(2020-02-17, 11:54 PM)Mastersly Wrote: [ -> ]Thanks you for your help again. I am gonna try tomorrow because i am using my phone right now

---

sorry but that didnt change anything

---

now it works thanks you

---

how cold i remove "1 more"

Rather easy via acp setttings:

Quote:acp > settings > forum home options > Subforums to show on Index listing

* simply change to the amount you want to display

---

anyhoo, while exitus mentioned a different interesting possibility that one could happily expand upon, I primarily answered in reference to the ops existing question of simply how do you quickly change the look from picture a to like picture b and was not told this was a responsive request nor a subforum in columns request so, umm, no seeing as interpretations are based on the user request and the necessary response to said request and unless specified one clearly cannot say oh this is what the op really wants but did not ask for, umm, no, a responsive specific answer was not considered required nor a subforum in columns response based on the actual existing theme picture a and b provided and the actual question asked not a speculation of what was not asked,   nor did I think to answer a question that was not asked by the op, lol, if only life were that easy where say for example one says here let me help you for free but on the other end the other party are like hey I know what one didn't ask is for payment but they must be asking that even if they really did not so lets pay them cuz that is what they must be asking for, while a nice thought it is merely only a thought and a guessing game basing a thought pattern like that and clearly not what was asked, thus why I say interpretations are based on the actual worded request not on miss cleo the psychic hotline express mindset, as one could easily be overworked and go mad trying to guess and provide each and every request that has not and may not even be requested, haha, as humour filled as that can be. But anyhoo, that does remind me though on a humour note since subforum in columns phrase was mentioned, that, while unrelated to that particular suggestion, it does remind me   that it has been awhile since I re-looked at: https://community.mybb.com/mods.php?action=view&pid=869 perhaps I will find some free-time to re-visit it and  tweak it some in the near future.

[attachment=42588] Thanks for your help,
One last question abou this
I want to fiz subs for on mobile because they are outsite the template

(2020-02-18, 05:34 AM)Mastersly Wrote: [ -> ]Thanks for your help,
One last question abou this
I want to fiz subs for on mobile because they are outsite the template

Not near a computer to be modifying your source so as to ascertain your issues nor trying to do so this point in the evening but why not simply revert the whichever of one of the two changes you made previously in a mobile media query? As I currently do not have your theme to install on a mobile localhost and view source or edit nor am I on my laptop to modify your site source I have not tried this suggestion just simply making an observation in regards to your latest question while I am in the middle of the woods at the moment on a cell phone trying to get a moment to sleep.


one simple thing you could do is simply just add a hidden scrollbar to the inline box so you can scroll through the items in the inline box:

.bbp-forum {
     list-style: none;
     display: -webkit-inline-box;
     scrollbar-width: none;
     overflow-y: hidden;
     overflow-x: scroll;
     margin-right: 10px;
     margin-left: 10px;
}

That is one route..


Anyhoo back looking at the other route you already went,

I assume you did something like below?


in dark.css change:

.bbp-forum {
     list-style: none;
     display: -webkit-inline-box;
}
 .bbp-forum a {
    /*! float: left;
     */
     font-size: 11px;
     width: auto;
    /*! margin-right: 1%;
     */
     display: inline-block;
     margin-top: 5px;
     padding: 4px 7px;
     background-color: #527fbd;
     background-image: none;
     border-radius: 4px;
     border: 1px solid #303030;
     color: #fff;
     font-weight: 700;
}

So have you simply tried reverting some of the changes in a media query for mobile?

@media screen and (max-width: 767px) {
     .bbp-forum {
         list-style: none;
         display: unset;
    }
     .bbp-forum a {
         float: left;
         font-size: 11px;
         width: auto;
         margin-right: 1%;
         display: inline-block;
         margin-top: 5px;
         padding: 4px 7px;
         background-color: #527fbd;
         background-image: none;
         border-radius: 4px;
         border: 1px solid #303030;
         color: #fff;
         font-weight: 700;
    }
}

or maybe in dark.css  you did something like this:  * ( fairly certain you went this route )

.bbp-forum {
     list-style: none;
     display: -webkit-inline-box;
}
 .bbp-forum a {
    /*! float: left;
     */
     font-size: 11px;
     width: auto;
    /*! margin-right: 1%;
     */
     display: inline-block;
     margin-top: 5px;
     padding: 4px 7px;
    /* background-color: #527fbd;
     background-image: none;
     border-radius: 4px;
     border: 1px solid #303030;
    */
     border-color: none !important;
     background-color: none !important;
     color: #fff;
     font-weight: 700;
}

So have you tried reverting some of the changes in a media query for mobile? *( so end result would be with added media query )

.bbp-forum {
     list-style: none;
     display: -webkit-inline-box;
}
 .bbp-forum a {
     font-size: 11px;
     width: auto;
     display: inline-block;
     margin-top: 5px;
     padding: 4px 7px;
     border-color: none !important;
     background-color: none !important;
     color: #fff;
     font-weight: 700;
}
 @media screen and (max-width: 767px) {
     .bbp-forum {
         list-style: none;
         display: unset;
    }
     .bbp-forum a {
         font-size: 11px;
         width: auto;
         margin-right: 1%;
         display: block;
         margin-top: 5px;
         padding: 4px 7px;
         border-color: none !important;
         background-color: none !important;
         color: #fff;
         font-weight: 700;
    }
}

Sorry but i haven't seen media query for mobile

(2020-02-24, 07:33 AM)Mastersly Wrote: [ -> ]Sorry but i haven't seen media query for mobile

You do know what a media query is right?




Example:

@media screen and (max-width: 767px) {

.....

}

@media screen and (min-width: 767px) {

.....

}

etc, etc....

this css works only on mobile? right?
what should i delete from this to fix it?