Place Inline Attachment Margins

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
profKroy
Registered User
Posts: 102
Joined: Sun Feb 14, 2016 2:39 pm

Place Inline Attachment Margins

Post by profKroy » Mon Apr 23, 2018 4:26 pm

Where is the core code/markup that controls the top and bottom margins of an attachment that has been "placed inline?" I want to make a small customization so that there are built in top and bottom margins for images that have been placed in the posts.

At the moment, if you place an image inline, you have to put a double space above and below to give the image top and bottom margins. So my thought is that the easiest way is to change the core code on this.

Suggestions?
Are you a skilled extension developer? I need an extension developed right now. Here are the general specs. Please PM me if interested.

User avatar
Brf
Support Team Member
Support Team Member
Posts: 51347
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Place Inline Attachment Margins

Post by Brf » Mon Apr 23, 2018 4:44 pm

Well, the bbcode for inline attachments in prosilver only adds a div with the class "inline-attachment".
The only spot that class is defined is in content.css:

Code: Select all

div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}
The various types of attachments add other classes, such as the attach-image class, also in content.css.

profKroy
Registered User
Posts: 102
Joined: Sun Feb 14, 2016 2:39 pm

Re: Place Inline Attachment Margins

Post by profKroy » Mon Apr 23, 2018 5:31 pm

Brf wrote:
Mon Apr 23, 2018 4:44 pm
Well, the bbcode for inline attachments in prosilver only adds a div with the class "inline-attachment".
The only spot that class is defined is in content.css:

Code: Select all

div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}
The various types of attachments add other classes, such as the attach-image class, also in content.css.
Thanks I added...

div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
display: block;
margin-top: 20px;
margin-bottom: 4px;
}


...to the style I'm using. The layouts improve. Eliminates text and image being crammed together.
Are you a skilled extension developer? I need an extension developed right now. Here are the general specs. Please PM me if interested.

Post Reply

Return to “[3.2.x] Styles Support & Discussion”

Who is online

Users browsing this forum: TheDani and 9 guests