Inset and mainbody spacing

Hi,

After trying for a day i have not been able to figure how the spacing between the inset and mainbody.
In the attachment

Image6.jpg

the area concerned is showed in green arrow.

The area in Green circle was achieved using following code in override.css:

Code: Select all

#gkContent {
    width: 77.25;
}
#gkContentWrap.gkInsetLeft + #gkInset {
    padding: 0 14px 0 0;
}
#gkSidebar {
    padding: 0 0 0 14px;
    width: 22.75%;
}


My Template setting for widths are:

Sidebar: 30%
Insert (aligned right): 78%

Kindly help. I wish to make it look like the Demo Front page

Regards,
RobinS

Give me your site URL Robin, can't see it correctly in that snapshot.

Hi Don,

Url is: http://unknownerror.in

Regards,
RobinS

Hi Rob,

Try adding this code to override.css (with CSS override mode enabled):

Code: Select all

#gkContentWrap + #gkInset{
    padding: 0 0 0 35px!important;
}


Hi,

It did not seem to generate the desired effect. But i experimented a bit and achieved the result.

I used the following code in override.css:

Code: Select all

#gkContent {
    width: 77.25;
}

#gkContentWrap.gkInsetLeft + #gkInset {
    padding: 0 14px 0 0;
}

#gkContentWrap + #gkInset{
    padding: 0 0 0 14px!important;
}

#gkSidebar {
    padding: 0 0 0 14px;
    width: 22.75%;
}

Layout options:

Inset width: 68% (reduced from 78%)
Sidebar width: 30% (unchanged)

Output:

gap.png

Thanks a lot Don for pointing me in the right direction!

Regards,
RobinS

You are welcome Rob!