mrzfoto Posted December 9, 2019 Share Posted December 9, 2019 Hi, I am using Wexley and I would like to have a full screen slideshow. I already found out, that the header can be put away like this: <style> #header { display: none; } </style> Unfortunately the button "x" also goes lost. Is there a way to add the "x" to the full screen gallery or only hide the Site Title and Navigation and keep the "x" in the header? Thanks in advance! Link to comment
tuanphan Posted December 9, 2019 Share Posted December 9, 2019 Can you share link to your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mrzfoto Posted December 10, 2019 Author Share Posted December 10, 2019 The page is: https://pineapple-cinnamon-4wjc.squarespace.com/, Password: mensch Thanks! Link to comment
tuanphan Posted December 10, 2019 Share Posted December 10, 2019 6 hours ago, mrzfoto said: The page is: https://pineapple-cinnamon-4wjc.squarespace.com/, Password: mensch Thanks! "X" icon? what is that. I don't see... Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mrzfoto Posted December 10, 2019 Author Share Posted December 10, 2019 With "x" icon I refer to the button to close the lightbox. It would be nice to have a lighbox like in the picture, with black background and < > navigation (it's there but not display), without the site navigation and site title - and if possible a button to push fullscreen (like in Youtube where the picture covers the whole page) In the Wexley template the page displays this kind of slideshow when displaying the contents of a so called "summary". Link to comment
tuanphan Posted December 11, 2019 Share Posted December 11, 2019 @mrzfoto <style> header#header *:not(#backToThumbs) { display: none; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mrzfoto Posted December 13, 2019 Author Share Posted December 13, 2019 thank you for your help! still it's not working out completely, because I would only like the header to be hidden in slideshow, if I use the code it's hidden for the entire page. also I would especially like to hide the header during slideshow, because I would like the slideshow to be as fullscreen as possible. anyhow, I am going to look at it with a programmer, so thank you, appreciate your help! Link to comment
mrzfoto Posted January 5, 2020 Author Share Posted January 5, 2020 This was the code that did the job in the end: .collection-type-gallery.full-view #backToThumbs { font-size: 3.0em; } .collection-type-gallery.full-view #logo, .collection-type-gallery.full-view #topNav { display: none; } Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.