Style the Lightbox

  • Resolved SethO

    (@setho)


    6 months, 1 week ago

    Hello. Is there a way to change the default style of the lightbox? The white and the arrows are very bulky. I’m guessing this will need to be done with custom CSS, as I do not see any options for styling in Foobox -> Settings.

Viewing 1 replies (of 1 total)
  • Plugin Support elviiso

    (@elviiso)

    Hi @setho

    You can use custom CSS to make such customisation on the FooBox arrows and the white border. Here’s some CSS that can assist with that:

    
/**modify the navigation buttons**/
.fbx-modal.fbx-rounded .fbx-next, .fbx-modal.fbx-rounded .fbx-prev {
    width: 30px;
    height: 50px;
    border: solid 3px transparent;
}


/**remove white border*/
.fbx-modal.fbx-rounded .fbx-inner {
    border: none;
}

    You can modify the values to your preference. Thanks

    Kind regards,
    Elvis.

Viewing 1 replies (of 1 total)
  • The topic ‘Style the Lightbox’ is closed to new replies.