Lightbox not working

When I have my gallery set up, and I have lightbox enabled on the options, the photos only load in a new page, not lightbox. I have changed the actual html or css of anything other than the quick css. Here is my quick css:

.image-overlay-inside, .image-overlay.overlay-type-extern {
display: none;
}

.image-overlay { display: none!important; }

img{ border-radius: 0 !important; }

@media only screen and (min-width: 768px) {
 
    /* Adopt Enfold's line height */
    #megaMenu,
    #megaMenu ul.megaMenu,
    #megaMenu ul.megaMenu > li.menu-item,
    #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-item-depth-0 > a,
    #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-item-depth-0 > span.um-anchoremulator{
      line-height:inherit;
      height:inherit;
 
    }
    /* Display items as tables to allow for vertical centering */
    #megaMenu ul.megaMenu > li.menu-item{
        display: inline-table !important;
        margin:0 !important;
        padding:0 !important;
        border-collapse:collapse !important;
        border-spacing:0 !important;
    }
    /* Vertically center menu item contents */
    #megaMenu ul.megaMenu > li.menu-item > a,
    #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator,
    #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink{
        padding-top:0;
        padding-bottom:0;
        display: table-cell !important;
        vertical-align: middle;
         
        border-collapse:collapse !important;
        border-spacing:0 !important;
        position:relative;
 
    }
    /* Align submenus properly relative to table */
    #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1{
        top:100%;
        left:0;
        white-space:normal;
    }
    #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item{
        vertical-align:top;
        float:none;
    }
 
    /* Fix hover table shift */
    #megaMenu ul.megaMenu > li.megaHover{
        margin-right:-1px !important;
    }
     
    /* Set search dropdown to proper height */
    #megaMenu .avia-search-tooltip{
        top:100% !important;
        background:white;
    }
}

Please help, I want lightbox to work and I want all of these options to work still as well. Thanks