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

How to make more space above and below image in lightbox?

Discussion in 'Styling and Customization Questions' started by Hilmer, Apr 22, 2012.

  1. Hilmer

    Hilmer Active Member

    Hi Guys

    I would like to add a little more space above and below the images when they are presented in the lightbox.

    I added this code to the EXTRA.css but as you can see at the photo the background becomes visible :(

    .lightBox .imageContainer {
    background: #101010 !important;
    margin-top: 50px !important;

    (the 50px is just to illustrate the gab)

  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Try padding-top instead of margin-top.
    Hilmer and Yorick like this.
  3. Hilmer

    Hilmer Active Member

    Hi Jake.

    Ha ha - now I can't even do anything with the margin-top. Nothing happens.
    I guess that one day I will find a lot of strange looking layout in my forum ;)

    I will try some more. Thanks for your help.

Share This Page