Archived topic
styling lightbox navigation and slide-out-menu close button
3 replies · Started by Torsten on August 20, 2019
Hi,
I would like to set
1.) the close button (x) on the slide-out-menu to transparent
2.) border color and thickness of the frame on lightbox images
3.) color, thickness and size for navigation elements (<,>,x) on lightbox images
4.) a padding on top and left of items in the slide-out-menu
Thx ahead,
Torsten
Hi there,
1. Slideout exit color this CSS:
.slideout-overlay button.slideout-exit {
color: transparent;
}2. Not related to the theme but you can change the border with this:
.lightbox .lb-image {
border: 1px solid #fff;
}3. That plugin is using background images to set the < and > - so can't be changed with CSS.
4. Add padding to slideout:
#generate-slideout-menu {
padding: 20px;
}1. thanks for the Slideout exit button to transparent.
2. never mind, it only changes top and left to 1px, but as it's not theme related and the client is okay as is, fine
3. is adding a green bar to the whole left of the screen, instead I entered a blank menu on top, linked to startpage and several in front of menu names.
works.
best,
Torsten
Glad to be of help
