Increase the size of X button in video pop

[logoglo]

Hi there I have a video lightbox pop up setup here:

http://entrecoach.kinsta.com

But the cross in the top left corner is tiny, anyway of making this bigger?

This is how I have it setup:

[image src=“http://entrecoach.kinsta.com/wp-content/uploads/2018/06/play.png” link=“true” href=“https://www.youtube.com/embed/bGxoT6nSVDY?autoplay=1&rel=0&controls=0&showinfo=0” frameborder=“0” lightbox_video=“true” class=“lbx”][lightbox selector=".lbx"]

[christopher]

Hi @logoglo,

Please add the CSS code below to X > Theme Options > CSS:

.ilightbox-toolbar.light {
    height: 35px;
    width: 80px;
}

.ilightbox-toolbar.light a {
    padding: 5px;
    margin: 0 5px;
}

.ilightbox-toolbar.light a.ilightbox-close:before {
    font-size: 30px;
    
}

.ilightbox-toolbar.light a.ilightbox-fullscreen:before {
    font-size: 25px;
    line-height: 25px;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.

[logoglo]

That worked great! thanks!

[jade]

You’re welcome.