• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Left side padding in advert using ad_message_body

CyclingTribe

Well-known member
#1
CSS is not my forte - I'm trying to add some space / padding between the left side of the advert and the quote / message text (as indicated by the yellow marker):

upload_2013-6-21_1-39-58.png

At the moment the advertisement sits on top of the quote - I'd like it to 'push' the quote box over to the left so there's a distinct gap between the two.

Template code I've cobbled together so far is:

Code:
<xen:hook name="ad_message_body" />
<xen:if is="{$post.position} % {$xenOptions.messagesPerPage} == 1 AND {$thread.reply_count} > 0 AND !{$visitor.user_id}">
<div style="background: #fafafa; float: right; padding: 10px; border: 1px solid #d7d7d7; border-radius: 6px;">
<div align="center">
<strong>Advertisement</strong>
AD CODE
</div>
</div>
</xen:if>
Any help appreciated. (y)

Thanks,
Shaun :D
 

Brogan

XenForo moderator
Staff member
#6
Can you post a URL so I can check?

I seem to recall looking into this before for someone else.

It works on my site so it is possible.
I just use this: <div style="min-height: 250px; margin-left: 8px; float: right">
 

Brogan

XenForo moderator
Staff member
#8
The reason it works on my site is I have this in EXTRA.css:

Code:
.bbCodeQuote {
max-height: 124px;
overflow: auto;
}
upload_2013-6-21_10-32-29.png

That is now an element in Style Properties in 1.2 so setting a max height there along with overflow-auto should resolve it.

Or you can just add overflow-auto and that will keep quotes at their maximum height.
 

akia

Well-known member
#11
I've found also adding:
Code:
.attachedFiles {
overflow: auto;
}
to extra.css also solves the same problem but with the attached images box.