WebDev

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

.sp_block_section
{
padding-bottom: 0.3em;
}

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

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:

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


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

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

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

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

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