MyBB Community Forums

Full Version: Make forums smaller - narrow
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Question in title.



my forums are on cernytrh.xyz
I want to make it more narrow. If you need global.css I can post it. I tried several adjustments for example in .content, but did not help. Thank you.

Ok, here I provide global.css so you do not need to ask https://anonfile.com/gcD2Sa28n2/Nov_s_bor2_css
Change the display order for groups in ACP -> Users & Groups -> Groups

for the width, find this in global.css

.header>*, .container, .top>div {
width: 88%;
margin: 0 auto;
}
Have a look at your class .container that is set to 88% width.
This value can be reduced to make the forum content more narrow.

global.css (line 100):
.header > *, .container, .top > div { width: 88%; ... }

[ExiTuS]

PS.
Use Firefox and Web Developer to find elements and identify CSS classes and values Smile
PPS.
Ashley was more quickly to answer Smile
(2019-08-12, 06:45 PM)Ashley1 Wrote: [ -> ]for the width, find this in global.css

.header>*, .container, .top>div {
width: 88%;
margin: 0 auto;
}

does not work, tried 70%, even 150%, nothing

(2019-08-12, 06:55 PM)[ExiTuS] Wrote: [ -> ]Have a look at your class .container that is set to 88% width.
This value can be reduced to make the forum content more narrow.

global.css (line 100):
.header > *, .container, .top > div { width: 88%; ... }

[ExiTuS]

PS.
Use Firefox and Web Developer to find elements and identify CSS classes and values Smile
PPS.
Ashley was more quickly to answer Smile

I use Icedragon but inspect element only showed some st00pid stuff
are you hard refreshing after making changes to css ? CTRL + F5
(2019-08-12, 07:38 PM)Ashley1 Wrote: [ -> ]are you hard refreshing after making changes to css ? CTRL + F5

Yes, also tried to clear cache on my mobile but same result there. Try it yourself, now it is set to 120%
what is class="wrapper" set at in global.css ?
Still set to width: 88%!

Go to ACP and edit global.css. Then switch to advanced mode and search the CSS content for "88%". You'll find this value for sure Smile

[ExiTuS]
Hi,

the global.css you share it's not the global.css of your theme.

Admin Control Panel -> Templates (Tab) -> Themes (left column) -> YOUR THEME (the theme you're using in your forum, not the MyBB's default one) -> global.css

Find:
.header>*, .container, .top>div {
    width: 200%;
    margin: 0 auto;
}


And replace it with:

.header>*, .container, .top>div {
    width: 98%;
    margin: 0 auto;
}
Yea thanks guys, one more problem, now my forums are super retarded, even setting it back to 88% did not work. Thank you.

(2019-08-13, 07:22 AM)NoRules Wrote: [ -> ]Hi,

the global.css you share it's not the global.css of your theme.

Admin Control Panel -> Templates (Tab) -> Themes (left column) -> YOUR THEME (the theme you're using in your forum, not the MyBB's default one) -> global.css

Find:
.header>*, .container, .top>div {
    width: 200%;
    margin: 0 auto;
}


And replace it with:

.header>*, .container, .top>div {
    width: 98%;
    margin: 0 auto;
}

somehow after 3 tries it works, but now it is too much, so I tried to change it back, and can not get it to work haha.

(2019-08-12, 07:50 PM)[ExiTuS] Wrote: [ -> ]Still set to width: 88%!

Go to ACP and edit global.css. Then switch to advanced mode and search the CSS content for "88%". You'll find this value for sure Smile

[ExiTuS]

I am sure I was changing the right one, but maybe the site has some delayed style editing because now it changed after some days and does not want to come back to 88% or 100%.
Pages: 1 2