[Resolved] styling lightbox navigation and slide-out-menu close button

Home Forums Support styling lightbox navigation and slide-out-menu close button

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #988628
    Torsten

    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

    #988834
    David
    Staff
    Customer Support

    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;
    }
    #988861
    Torsten

    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 &nbsp; in front of menu names.

    works.
    best,
    Torsten

    #989485
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.