Before you ask please READ THIS

Works Lightbox Size Adjustment

in OneLander Posts: 13
Hi Air,

I wonder if you can help us again...

Our client would like to resize the Works lightbox (currently full screen).
Is there a way that this can be done easily (perhaps through CSS)?
They don't want a full screen, they are looking to reduce its size.

Thanks for your support!

Comments

  • AirAir
    Posts: 10,056
    Hey :-)

    You will have to move a lot of elements to do it.
    You could try with this custom CSS:
    .a13-post-lightbox {
        top: 30px;
    	  bottom: 30px;
        left: 30px;
    	  right: 30px;
        width: auto;
        height: auto; 
    }
    .a13-post-lightbox .controls span {
        top: 30px;
    	  right: 30px;
    }
    .a13-post-lightbox .controls .prev {
        left: 30px;
    }
    .a13-post-lightbox .controls .close {
        right: 30px;
    }
    .a13-post-lightbox .controls .next {
        left: 130px;
    }
    @media only screen and (max-width: 1024px) {
    .a13-post-lightbox .controls .next{
    		left: 90px;
    	}
    }
    With kind regards.

  • Posts: 13
    Thank you Air!
    This worked very well, and I can make adjustments to it easily!
  • AirAir
    Posts: 10,056
    Great to hear that!

    With kind regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion