XF 2.2 Spacing with Widgets

If you find your questions are going unanswered, it is more than likely due to the fact that you have not included a link to your site.

When dealing with modified styles and templates, it is impossible for those who are able to help to check the code or propose solutions from a screenshot alone, or, even worse, just a description.
 
:whistle: It may help if I disable the browser ad blocker ...

Looking at the code, you only have this for the ad block: <div align="center"> .

I recommend either using a class such as <div class="myAds"> and styling it in the extra.less template, so the same class can be applied to all ads, or add the styling directly like so: <div style=" text-align: center; margin: 20px 0"> .

1628178137244.png
 
This is my extra.less currently.

Where can i put this to apply to the ads themselves?

.block-container
{border:0}

.structItemContainer

{background:@xf-pageBg;
border:0px}

.structItem

{background:#fff;
margin-bottom:15px;
border-radius:15px}

.structItem
{
border-collapse: separate;
}

@media (max-width: @xf-responsiveNarrow)
{
.p-title-pageAction {
width: 100%;
text-align: center;
}
}
 
Top Bottom