Screen Shot 2018-02-05 at 20.04.01.png

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:
Screen Shot 2018-02-05 at 20.04.21.png

I've had to do the following:

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


Pixel Exit Staff
Maybe something like this:

.XenBase body[data-template="forum_list"] .p-body-pageContent,
.XenBase .p-body-sidebar .block .block-container {
    padding: 0;

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.