Lightbox Not Mobile Responsive

Ask any plugin errors & bugs related issues here

Moderator: forum_m

Post Reply
philebp
Posts: 2
Joined: September 7th, 2015, 7:25 pm

Lightbox Not Mobile Responsive

Post by philebp » September 14th, 2015, 5:59 pm

I'm running a site off a test domain and implemented the pro version.

I've made 2 galleries and neither of them are acting resposivly. Firebugging the image revealed that there a css overide being added onto the page but I can't find what is entering this code.

"img {
max-width:1600px !important;
}"

Removing this code in firebug fixes the issue but I can't find which file to remove this from. It appears with more css labelled with "lbsp".

#lbsp_204 .b-link-fade .b-wrapper,#lbsp_204 .b-link-fade .b-top-line{
background: rgba(221, 221, 221, 0.5);
}
#lbsp_204 .b-link-flow .b-wrapper,#lbsp_204 .b-link-flow .b-top-line{
background: rgba(221, 221, 221, 0.5);
}
#lbsp_204 .b-link-stroke .b-top-line{
background: rgba(221, 221, 221, 0.5);
}
#lbsp_204 .b-link-stroke .b-bottom-line{
background: rgba(221, 221, 221, 0.5);
}

#lbsp_204 .b-link-box .b-top-line{

border: 16px solid rgba(221, 221, 221, 0.5);
}
#lbsp_204 .b-link-box .b-bottom-line{
background: rgba(221, 221, 221, 0.5);
}
#lbsp_204 .b-link-stripe .b-line{
background: rgba(221, 221, 221, 0.5);
}
#lbsp_204 .b-link-apart-horisontal .b-top-line,#lbsp_204 .b-link-apart-horisontal .b-top-line-up{
background: rgba(221, 221, 221, 0.5);

}
#lbsp_204 .b-link-apart-horisontal .b-bottom-line,#lbsp_204 .b-link-apart-horisontal .b-bottom-line-up{
background: rgba(221, 221, 221, 0.5);
}
#lbsp_204 .b-link-apart-vertical .b-top-line,#lbsp_204 .b-link-apart-vertical .b-top-line-up{
background: rgba(221, 221, 221, 0.5);
}
#lbsp_204 .b-link-apart-vertical .b-bottom-line,#lbsp_204 .b-link-apart-vertical .b-bottom-line-up{
background: rgba(221, 221, 221, 0.5);
}
#lbsp_204 .b-link-diagonal .b-line{
background: rgba(221, 221, 221, 0.5);
}

#lbsp_204 .b-wrapper{
font-family:Arial; // real name pass here
}
@media (min-width: 992px){
#lbsp_204 .col-md-6 {
width: 49.97% !important;
}
#lbsp_204 .col-md-4 {
width: 33.30% !important;
}
#lbsp_204 .col-md-3 {
width: 24.90% !important;
}
#lbsp_204 .col-md-2 {
width: 16.60% !important;
}
}
img {
max-width:1600px !important;
}


#lbsp_204 .lbsp_home_portfolio_caption{
background:#dddddd;
}
#lbsp_204 .lbsp_home_portfolio_caption h3{
color:#000000;
}
#lbsp_204 .fa{
color:#FFFFFF!important;
}
#lbsp_204 .lbsp_home_portfolio_caption {
border-bottom: none !important;
}


Does anyone know where I can edit the added css above to remove the max-width line?

Thanks

User avatar
admin
Site Admin
Posts: 2880
Joined: June 5th, 2014, 1:03 am

Re: Lightbox Not Mobile Responsive

Post by admin » September 14th, 2015, 6:17 pm

Hi philebp,

Please share your site live gallery URL to check the issue.

You can find the below code into plugin's "shortcode.php" file.

Try to remove this code:

Code: Select all

img {
max-width:1600px !important;
}
Hope that help.

Thanks

philebp
Posts: 2
Joined: September 7th, 2015, 7:25 pm

Re: Lightbox Not Mobile Responsive

Post by philebp » September 14th, 2015, 6:31 pm

Thanks that's great, got it working now.

Post Reply

Return to “Plugin Problem, Errors & Bugs”