Support Attachment Images

[duppy]

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

 

[duppy]

I found the issue on those themes but I don't know how to remedy it. There is a temple called xenfocus_base.less, and within this temple is a line:

// User links
<xf:if is="property('xenfocus_userStyles--background-color')">
    @user-hover: fade(darken(@xf-xenfocus_userStyles--background-color, 30%), 15%);
<xf:elseif is="property('xenfocus_userStyles--color')" />
    @user-hover: fade(@xf-xenfocus_userStyles--color, 10%);
<xf:else />
    @user-hover: rgba(255,255,255,0.1);
</xf:if>

If I remove that code, it works perfectly. However, it breaks the theme structure. I tried removing some aspects of that code, but it doesn't help. I am also not familiar with the structure if how the themes really work.

Thanks,

Duppy

 

[duppy]

@XenForo - This issue is only happening with themes made by Xenfocus. No other theme I've tried does it. They are all dependent on this template: xenfocus_base.less. I don't know a work around for it, but it is definitely annoying.

Regards

 

[XenForo]

XenDark Theme

This style is excellent and optimal in itself

even with the underline checkbox ticked off

This should be a living example of your site for better results

@user-hover: rgba(255,255,255,0.1);

Delete this Do you see a pattern error in the dashboard?

 

[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.

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 tried removing the property you suggested in the above post, and I got an error when trying to save the file. I guess that was due to the elseif conditions. At least that's what I think.

I will keep testing it on all the other XenFocus themes, but I am pretty sure it works perfectly now.

Thanks for ALL of your patience and help.

Regards,

Duppy