I want to get rid of the padding around the block headers (e.g. the Liverpool vs Spurs header).
To get it to look like this:
I've had to do the following:
Code:
.p-body-content .block-row {
padding: 0px !important;
}
.p-body-sidebar .block-body .block-row{
padding: 8px 10px !important;
}
If I just removed the padding on block-row, it removed the internal padding on the sidebar blocks.
Is having a lot of !important css in extra.less ok or is there a more elegant way to achieve this?