Grid Alignment

[Dubi]

Originally Posted by RivaCom

Here is a pic, problem being I can't find any place to reduce the padding/margin and to center the area so it's the same on both sides.

Example

1. Flatten your grid. This will allow to edit it. (AdminCP/Grids Manager/DropDown Controls/Flatten Grid).
2. Now we have 2 edit windows, we'll work on the second one.
3. I'm figure out that your grid is a 2 columns 75/25 based one, so the code is something like this:

   <div id="doc3">
       <div id="bd">
           <div class="yui-ge">
               <div class="yui-u first yui-panel">
                   <ul class="list_no_decoration" id="widgetlist_column1">$column[1]</ul>
               </div>
               <div class="yui-u yui-panel">
                   <ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
               </div>
           </div>
       </div>
   </div>

4. So if you want to increase the left margin of your first column 10 pixels more, we'll add this little red thing on this line:
   

   <ul class="list_no_decoration" id="widgetlist_column1" style="margin-left: 10px">$column[1]</ul>

5. Save and take a look.

If you need to decrease margins use negative values, and if you need to alter right margins use "margin-right: value" instead.


Hope this helps you.