Wexley template: Adjusting the size and position of the "Close Lightbox"-X

Try adding this to the CSS Editor under the Design Menu:

 .collection-type-gallery.full-view #backToThumbs {
  font-size: 5.0em;
}

This should make it pretty big. Feel free to adjust the em value to customize.

Good luck!

Try adding this to custom CSS.

#backToThumbs:after {
 content: "Close Lightbox";
 color: #000;
}
.collection-type-gallery.full-view #backToThumbs {
 font-size: 2.0em;
 top: 15px;
 left: 152px;
 color: rgba(0,0,0,0);
}

No, the script tag is something entirely different than CSS.

Log-in to your site, then click on the eyeball to preview. In the bottom right corner, click on the paintbrush, then in the bottom left corner click on custom CSS. Paste the code I gave you there.

CSS beginner here, thanks for your help.

So the first line needs to be:

That did not work so far.

Ah, you very much for your answer. It worked now. Only problem is that the "close lightbox" text is also visible in the mobile version of the website whereas the x disappeares. But no problem, I will get only the x centered over the images. It's much easier to navigate that way.

Ah, you very much for your answer. It worked now. Only problem is that the "close lightbox" text is also visible in the mobile version of the website whereas the x disappeares. But no problem, I will get only the x centered over the images. It's much easier to navigate that way.

Thank you thank you! :)