Okay
  Public Ticket #3535087
resizing and centering video lightbox
Closed

Comments

  •  1
    molly_gregg411 started the conversation
    December 2, 2023 at 7:03pm

    Hi, 

    I've added 'open video lightbox' to a call to action link but want it to open at 50% width/height, instead of 100%,  and be in the center of the page. 

    I couldn't find any lightbox adjustments under the theme settings, so I added the size change to the customer > additional CSS. The size was updated correctly but it's now stuck on the upper lefthand section of the page (for example call to action on the above link or see screengrab: More about BAYWORK).

    Can you tell me how I center the lightbox both vertically and horizontally on the page?

    Thanks! 

    Attached files:  Screen Shot 2023-12-02 at 11.01.09 AM.png

  •  8,838
    Tahir replied
    December 3, 2023 at 4:01pm

    Hey Again,

    Use this revised CSS instead.

    .fancybox-container {
    height: 70% !important;
    width: 70% !important;
    transform: translate3d(-50%,-50%,0) !important;
    left: 50% !important;
    top: 50% !important;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    molly_gregg411 replied
    December 3, 2023 at 5:16pm

    Thanks, Tahir! That did the trick!