51 Posts
11 years ago
2
Topic
Hello,
the image (750 x 500 px) opens in the modalbox (colorbox), but the image is cropped on the right side. The colorbox is too small.
Is it possible to change the settings of the colorbox or how can I change the colorbox, that the modalbox has the correct size?
the image (750 x 500 px) opens in the modalbox (colorbox), but the image is cropped on the right side. The colorbox is too small.
Is it possible to change the settings of the colorbox or how can I change the colorbox, that the modalbox has the correct size?
10 years ago
1
Level 1
I just came across the same problem.
Did you ever find out what caused it?
10 years ago
0
Level 2
Nevermind, I did find the culprit.
Turns out it was a CSS conflict with Bootstrap3
Bootstrap uses the property border-sizing: border-box which makes all borders, margins, paddings, etc. part of the div's size.
If you add some CSS to your Template, it works fine:
div#colorbox {
box-sizing: content-box ;
}
That should do the trick.;-)
