XF 2.1 How to increase padding on help page content without affecting all block rows throughout the site?

[Bimble]

The padding for the content of the help pages uses class="block-body block-row" and whilst we can modify the padding for block-row it applies to all such instances throughout the site.

What is the best way to modify the padding for just the help pages content?

Add a new class to the help_page template?

<xf:else />
    <div class="block">
        <div class="block-container">
            <div class="block-body block-row help-padding">
                {$templateHtml|raw}
            </div>
        </div>
    </div>
</xf:if>

 

[SyTry]

Hello,

You can use something like this in your EXTRA.less :

[data-template="help_page"] {
    .block-row {
        Your CSS here
    }
}

Regards, SyTry

 

[Bimble]

Thanks, that's great. So can you use the [] part to target specific templates then? That's really useful.

 

[SyTry]

Thanks, that's great. So can you use the [] part to target specific templates then? That's really useful.

Yes you can, in the code above you can target the help_page