css 将Envira Lightbox关闭和导航箭头图标重新定位到浏览器窗口的外部ege。

Posted 2021-05-13

/* Move the close icon */
.envirabox-close { position: fixed !important; top: 5px !important; right: 5px !important; }

/* Move the prev/next navigation arrows and make them always visible */
a.envirabox-nav span { visibility: visible !important;  position: fixed !important; }
.envirabox-prev, .envirabox-next { position: fixed !important; width: 40% !important; }

/* Make sure the prev/next nav arrows are consistently positioned regardless of inside/outside configuration */
.envirabox-prev { left: 0 !important; }
.envirabox-next { right: 0 !important; }