Support Attachment Images

duppy

duppy

XF-Fan
Loyal Member
I know I always have a million questions, so I apologize.

I am trying to find out how to get my attached images to display with spacing. What I mean is this. If I attach 5 images in my post as "Thumbnails", there is no spacing between them. Also, if I add images from an image hosting website, there is a dash next to each image, and you can click on it because it is part of the URL. I've attached an image to show what I mean.

Thanks in advance,

Duppy

Untitled.jpg
 
Solution
duppy
@XenForo - I finally fixed it. I've been at this since 7am this morning. :) I should have highlighted and inspected the element (image) to see the class it was using. Although it didn't tell me exactly what the class was, I just had to play around with it, and eventually I got the right element to use.

Anyway, the below class & elements I added to the extra.less file.

Rich (BB code): 
a.link, link--external {
    text-decoration: none;
    margin: -2px;
    vertical-align: top;
}

The "-2margin" is required, at least on ALL the XenFocus themes if you're using images posted via an external link. This makes it equal to locally stored images within the same post, which I imagine most won't be doing.

Also, earlier on I...
Sort by date Sort by votes
duppy

duppy

XF-Fan
Loyal Member
@XenForo - Mine does not have that amount of spacing. I also did not modify anything. It is the default setup. My images are set to 275px, but that shouldn't have anything to do with it. I did add some .css code in the extra.less file.

CSS: 
.bbImage {
padding: 5px;
vertical-align: top;
}

The above code works and gives me the spacing I require, but it should not be required. I wish there was a setting like in VB to set it. Also, the other issues is the URL links should not be present where those "-" are as shown in the image. I imagine this would be a tough one to figure out.

Duppy
 
Upvote 1 Downvote
duppy

duppy

XF-Fan
Loyal Member
XenForo said:
If you use the default template and link to images, you will not see a problem in this case, if your site was not in localhost, we will help you, your problem with your current style
Click to expand...
It does it with all the styles. I've tried about 10 so far. The only solution is to use the css line I showed you, but I will try using your recommendationa nd see if it helps. As for the "-" being clickable as the image link. That too also happens with the default theme. Hopefully I will have my site live very soon.

Thanks again for all your help. Much appreciated.:)
 
Upvote 1 Downvote
You must log in or register to reply here.
  • Tags
    attachment images support attachment images
    • Back
    Top Bottom