Grid Alignment

[RivaCom]

I've been trying to figure it out. Using Web Dev for FF, all the grids are in vbcms_content , in the CSS templates. It uses a stylevar left, which I've tried changing to center and right but it doesn't seem to change anything.

Problem being, the content(or the grids) seem to align to the left, leaving a bigger gap on the right side. I'm just trying to make it even on both sides.

[Xtrato]

can you link to your site , or an image attached with what exactly you are talking about ??

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

[Xtrato]

do you have a link to your site .

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

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.