(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.