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

XF 1.5 Remove margin from thumbnails in posts

Discussion in 'Styling and Customization Questions' started by RichardKYA, Feb 21, 2016.

  1. RichardKYA

    RichardKYA Well-Known Member

    How can I remove the margin from images that are inserted into posts as thumbnails?

    I can't seem to find how it is applied anywhere.

    The thumbnail img tags have the classes "bbCodeImage LbImage" and the href tag has the class "LbTrigger", but there is no margin applied to them at all and there is no outer element with margin either. It's just there with no way to edit it :confused:

    Anyone have any ideas on how to do this?

    Thank you
  2. RichardKYA

    RichardKYA Well-Known Member

    Screen Shot 2016-02-20 at 22.20.24.jpg Screen Shot 2016-02-20 at 22.20.51.jpg Screen Shot 2016-02-21 at 00.31.13.jpg

    To clarify, I'm talking about the margin that is between the thumbnail images (left and right margins)
  3. Brogan

    Brogan XenForo Moderator Staff Member

    It's related to .ugc a:link

  4. EQnoble

    EQnoble Well-Known Member

    Throwing this in EXTRA.CSS is probably the simplest way to achieve that without risking changing something else unintentionally.

    .messageContent a.LbTrigger {
        margin: 0px -4px 0px 0px;
        padding: 0px;
  5. RichardKYA

    RichardKYA Well-Known Member

    Yeah, but that doesn't remove the margin to make it editable, that just applies a "-3px margin", if that gets removed (margin: 0), the margin still comes back...

    Screen Shot 2016-02-21 at 16.32.34.jpg

    I need to remove it all together, so I can adjust it. If I edit the margin to what I want, the 3px margin is applied to it as well. Eg:

    margin: 0;
    margin: 5px;

    ...will equal to 13px instead of 10px.

    The reason I'm trying to do this is because I'm working on a responsive design, so it will be in percentages, but with this 3px margin being added no matter what, I can't get the margins right, because with a width: 32.333% and margin: 0.5% it should be 'perfect', but because there is an extra margin of 3px being added (from nowhere), it pushes everything out.
  6. RichardKYA

    RichardKYA Well-Known Member

    Still can't find how this margin/gap/pain in the butt is being added, it's just there for no reason! lol :mad:

Share This Page