MyBB Community Forums

Full Version: Increase the container width?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I tried looking into global.css for it. but couldn't find the value there.
What I want to do: http://i.imgur.com/HSf3SWw.jpg


Forum link http://e-padhai.com/
(2017-08-26, 05:39 AM)pg001 Wrote: [ -> ]I tried looking into global.css for it. but couldn't find the value there.
What I want to do: http://i.imgur.com/HSf3SWw.jpg


Forum link http://e-padhai.com/

go to your forum Acp/Templates & Style/Themes
select your theme and look for the global.min.css
inside search for :
.wrapper {
    width: 984px;
    padding: 0 20px;
    margin: 0 auto;
}
 and replace the width for ex:
width: 85%;
and save it

after go to MyTrade.min.css

search for :
.breadcrumb {
    font-family: 'PT Sans',sans-serif;
    font-size: 13px;
    overflow: hidden;
    margin: auto;
    padding: 0;
    color: #969696;
    border: 1px solid #E4E4E4;
    height: 34px;
    width: 982px;
    border-radius: 3px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f4f4f4 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top,#fff 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top,#fff 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f4f4f4 100%);
    background: linear-gradient(to bottom,#fff 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#f4f4f4',GradientType=0 );
    box-shadow: 0 3px 4px 0 #DDD;
}
and delete the line:
width; 982px;
save it and your good
you can make it more or less large
play with the width and you will see
(2017-08-26, 03:54 PM)subzr1 Wrote: [ -> ]go to your forum Acp/Templates & Style/Themes
select your theme and look for the global.min.css
inside search for :
.wrapper {
    width: 984px;
    padding: 0 20px;
    margin: 0 auto;
}
 and replace the width for ex:
width: 85%;
and save it

after go to MyTrade.min.css

search for :
.breadcrumb {
    font-family: 'PT Sans',sans-serif;
    font-size: 13px;
    overflow: hidden;
    margin: auto;
    padding: 0;
    color: #969696;
    border: 1px solid #E4E4E4;
    height: 34px;
    width: 982px;
    border-radius: 3px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0%,#f4f4f4 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top,#fff 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top,#fff 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f4f4f4 100%);
    background: linear-gradient(to bottom,#fff 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#f4f4f4',GradientType=0 );
    box-shadow: 0 3px 4px 0 #DDD;
}
and delete the line:
width; 982px;
save it and your good
you can make it more or less large
play with the width and you will see


Tried it and doesn't seem to work, I set it to 95%
Figured it out the complete code for .wrapper should be
.wrapper {
    width: 90%;
    margin:  auto;
} 

If you delete margin: auto; it aligned everything to the left.
seems like you solved it Wink