MyBB Community Forums

Hello, my forum has somehow increased in width, and I do not like it that way. Does anybody know how to revert it back to the same width just as this forum?

Thank you.

Change the .wrapper width in global.css

(2016-07-14, 10:07 PM)MrBrechreiz Wrote: [ -> ]Change the .wrapper width in global.css

This did not effect anything. I tried changing it too literally something small and it still didn't do anything:

.wrapper {
width: 90%;
min-width: 100px;
max-width: 200px;
margin: auto auto;

in global.css, edit the #container and .wrapper as follows..

#container {
	color: #333;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	min-width: 990px;
	font-style: 'Exo 2', sans-serif;
}

.wrapper {
	width: 85%;
	min-width: 970px;
 	max-width: 1500px;
	margin: auto auto;
}

and then edit this part as follows.. there's an additional closing bracket in each of them which cause inconsistency.. i mean the one after src line..

@font-face {
font-family: 'opensansbold';
src: url(../../../fonts/OpenSans-Bold.ttf)

font-family: $1;
font-size: 13px;
}

@font-face {
font-family: 'opensansbold';
src: url(../../../fonts/OpenSans-Bold.ttf)

font-family: OpenSans-Bold;
font-size: 13px;
}

@font-face {
font-family: 'opensansbold';
src: url(../../../fonts/OpenSans-Bold.ttf)

font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}

It must do something, if it did nothing then you must be editing the wrong theme css file.

(2016-07-15, 08:53 AM)mmadhankumar Wrote: [ -> ]in global.css, edit the #container and .wrapper as follows..

#container {
	color: #333;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	min-width: 990px;
	font-style: 'Exo 2', sans-serif;
}

.wrapper {
	width: 85%;
	min-width: 970px;
 	max-width: 1500px;
	margin: auto auto;
}

and then edit this part as follows.. there's an additional closing bracket in each of them which cause inconsistency.. i mean the one after src line..

@font-face {
font-family: 'opensansbold';
src: url(../../../fonts/OpenSans-Bold.ttf)

font-family: $1;
font-size: 13px;
}

@font-face {
font-family: 'opensansbold';
src: url(../../../fonts/OpenSans-Bold.ttf)

font-family: OpenSans-Bold;
font-size: 13px;
}

@font-face {
font-family: 'opensansbold';
src: url(../../../fonts/OpenSans-Bold.ttf)

font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
}

I've ruined my forum's code 

I have to reinstall everything and start from scratch.

^ reinstalling should not be required. if you do that then earlier content is lost ..

(2016-07-15, 10:50 AM)JakeCo Wrote: [ -> ]I've ruined my forum's code 

I have to reinstall everything and start from scratch.

as said my .m. there's no need of reinstall.. and i still see you havent made the edits correctly as suggested in my previous post..

i see this in your theme's global.css

#container {
    color: #333;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    min-width: 990px;
    font-style: 'Exo 2', sans-serif;
}


font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

.wrapper {
    width: 85%;
	min-width: 100px;
	max-width: 200px;
	margin: auto auto;
}

change that too..

#container {
    color: #333;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    min-width: 990px;
    font-style: 'Exo 2', sans-serif;
}

.wrapper {
    width: 85%;
    min-width: 970px;
    max-width: 1500px;
    margin: auto auto;
}

(2016-07-15, 11:23 AM)mmadhankumar Wrote: [ -> ]

(2016-07-15, 10:50 AM)JakeCo Wrote: [ -> ]I've ruined my forum's code 

I have to reinstall everything and start from scratch.

as said my .m. there's no need of reinstall.. and i still see you havent made the edits correctly as suggested in my previous post..

i see this in your theme's global.css

#container {
    color: #333;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    min-width: 990px;
    font-style: 'Exo 2', sans-serif;
}


font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

.wrapper {
    width: 85%;
	min-width: 100px;
	max-width: 200px;
	margin: auto auto;
}

change that too..

#container {
    color: #333;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    min-width: 990px;
    font-style: 'Exo 2', sans-serif;
}

.wrapper {
    width: 85%;
    min-width: 970px;
    max-width: 1500px;
    margin: auto auto;
}

I swore I have edited this same code but nothing changed! But now for some reason it has fixed my forum! Thank you so much !