space between blocks left or right

[deansmar]

I know there is a chance to alter the space between block vertically

Code Select Expand

.sp_block_section
{
padding-bottom: 0.3em;
}

But I seem unable to find the padding for left and right.. any help please..

[Chen Zhen]

You can try using the CSS short hand property for padding for that class to see if it has the desired effect.

Short hand properties are implemented sort of like an analog clock in quarter increments.

• top, right, bottom, left
• top|bottom, right|left
• top, right|left, bottom
• top|bottom|right|left

So if you want to keep the 0.3em for the bottom, nothing for the top & apply the 0.3em to the left & right then it's like this:

Code Select Expand

.sp_block_section
{
padding: 0em 0.3em 0.3em;
}


[deansmar]

sorry to say.. the spaceing between blocks left or right remaind the same, no change..
as can be seen in the attachemt

[Chen Zhen]

It's because that's not the correct class to adjust.
Try adding padding to the ehPortal_cell class.

Find & edit that class from the portal.css file.

Something like this:

Code Select Expand

.ehPortal_cell {
display: table-cell;
padding: 0em 0.3em;
}

.. I don't know exactly how you want the padding adjusted, so you'll have to use trial & error until you get the desired effect.

[deansmar]

i have found the code in Portal.css that is responsible for the space between blocks left or right..

find

Code Select Expand

#sp_main
{
width: 100%;
border-spacing: 5px;
table-layout: fixed;
}
and alter

Code Select Expand

#sp_main
{
width: 100%;
border-spacing: 3px;
table-layout: fixed;
}