Taffy123 Posted September 8, 2021 Share Posted September 8, 2021 Hi 🙂 Here is an example site: https://jbivphotography.com/ I would like to have mine have the same look. Have the gallery cycle through images every few seconds but also be the background of the header and the navigation buttons. The code below is the css code I used to have the gallery and some text overlay on top while the images cycle through. Now need some help getting the gallery to also be part of the header as opposed to the yellow marked section in screenshot #1. Code used:  <style> #page .page-section{height:100vh!important} #page .page-section:nth-child(2) {margin-top:-100vh!important;} #page .page-section:nth-child(2) , #page .page-section:nth-child(2) .section-background{background-color:transparent!important} Link to comment
Solution iamdavehart Posted September 8, 2021 Solution Share Posted September 8, 2021 Not sure what your other css is doing, but I think if you just need a carousel style slide show to be top then you just alter the top padding of the first section. see this other post I answered. (am assuming you're 7.1?)   Taffy123 1 Dave Hart. Software/Technology Consultant living in London. buymeacoffee Link to comment
Taffy123 Posted September 8, 2021 Author Share Posted September 8, 2021 Thank you! the code above puts text above the gallery while they cycle through Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment