Can anyone tell me where I can modify the padding/spacing of the right side of the site (the right boxes are are too far away from the rightside)? I want to remove the padding since its not proportional to the one on the left side.

Comments

paddy_deburca’s picture

It would be great to have a screen print of exactly what you mean.

There is a CSS file called layour.css which specifies the width of columns and the paddings to allow for these columns.

If you change layout.css, please be aware that the number almost always appear more than once - once would be for the width of a column, a second time is needed to set the padding for that column.

Paddy.

piotrdesign’s picture

piotrdesign’s picture

help?

paddy_deburca’s picture

In layout.css, there is a class 'rightcolumn' that defines the column on the right hand side. In my case it is as follows

.rightcolumn
        {
        position                        : static;
        float                           : right;
        width                           : 205px;
        margin                          : 0px;
        padding                         : 0px;
        }

so the right hand column is 205px wide.

There is also a class 'centercolumn' for the body of the website, again in my case it is

.centercolumn
        {
        margin-right            : 205px;
        margin-left             : 155px;
        }

so the center column has 205px free space on the right hand side. This means that, in my case, the right hand column fits in pixel perfect with a 0px margin/padding remaining on the right side of the screen.

Please make sure that the right margin of you center column is the same as the width of your center column.

Paddy.

paddy_deburca’s picture

Oups!!

The last line should read: Please make sure that the right margin of your center column is the same as the width of your right hand column.

Paddy.

Mad Maks’s picture

can you please confirm if this answer solved your problem?

piotrdesign’s picture

Yes it did! Thanks alot!

Mad Maks’s picture

Status: Active » Fixed
Anonymous’s picture

Status: Fixed » Closed (fixed)