diff --git a/css/index.css b/css/index.css index f846faf..77624af 100644 --- a/css/index.css +++ b/css/index.css @@ -442,12 +442,6 @@ header { height: 0; padding-bottom: 65%; } -.lg-next { - right: 0; -} -.lg-next, .lg-prev { - color: #000 -} @media (max-width: 768px) { h2 { font-size: 4rem; diff --git a/static/js/custom.js b/static/js/custom.js index 6c352ad..acae2da 100644 --- a/static/js/custom.js +++ b/static/js/custom.js @@ -248,6 +248,11 @@ if (document.getElementById("inline-gallery-container") !== null) { }); const lgBackdrop = document.querySelector(".lg-backdrop"); + const lgNext = document.querySelector(".lg-next"); + const lgPrev = document.querySelector(".lg-prev"); lgBackdrop.style.backgroundColor = "transparent"; + lgNext.style.right = "0"; + lgNext.style.color = "#000"; + lgPrev.style.color = "#000"; inlineGallery.openGallery(); }