Reply To: Easy FancyBox CSS help?

Your Account / Forums / Easy FancyBox Pro / Easy FancyBox CSS help? / Reply To: Easy FancyBox CSS help?

June 13, 2022 at 3:11 pm #36639

Hi Chris,

Moving the title to the top depends on which Title option you are using. If set to the (default) option “Float”, then you can try with the following CSS. Adjust the value -15px if it does not vertically align with your close button (depends on several factors).


.fancybox-title-float {
    top: -15px;
    bottom: initial;
}

To keep the arrows visible you can use the following CSS which will do two things: make the arrows permanent and move them to the outer border like the close button (so they do not permanently cover the lightbox content.


#fancybox-left,#fancybox-right {
    width: 0;
}
#fancybox-right span {
    left: auto;
    right: -15px !important;
}
#fancybox-left span {
    left: -15px !important;
}