Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
I am using Colorbox in combination with the Calendar module to display my event node in the Colorbox. When I click on an event, the node loads in the Colorbox, but the dimensions are such that some of the rounded corners are not visible and the next, previous, and close buttons are cut off. I still have Colorbox settings at default and I am using the 1.3.20 version of the plugin. See the screenshot for more details. Any ideas on how to fix this?
Comment | File | Size | Author |
---|---|---|---|
colorbox-issue.PNG | 26.51 KB | marc.denning |
Comments
Comment #1
frjo CreditAttribution: frjo commentedCan you post a link to an example?
Comment #2
marc.denning CreditAttribution: marc.denning commentedAbsolutely. Here is the calendar page I am working with http://drupal.gfbccary.org/calendar/. If you click on any of the event titles the colorbox will pop up. I can manually correct the issue with Firebug by changing the width and height of the div with id colorbox, but I don't know where to start figuring out how the widths and heights get determined.
Comment #3
frjo CreditAttribution: frjo commentedYour theme sets "box-sizing: border-box;" and that causes problem for Colorbox module default style who expects "content-box". This has been fixed in 7-dev.
To fix this problem you have these options:
* Change the style to one of the "Example" styles in Colorbox settings.
* Update the Colorbox module to 7.x-1.x-dev or 7.x-2.0-beta2
A new release 7.x-1.4 is on it's way, that will be the same code as in 7.x-1.x-dev.
The new 7.x-2.x branch is where new stuff happens and that will be the recommended branch later this year. Form support is removed and it depends on Library API 2 among other things.
Comment #4
marc.denning CreditAttribution: marc.denning commentedBrilliant! I had never looked at box-sizing before. For now, I updated my CSS to include box-sizing: content-box for colorbox elements, and I will update the module when 7.x-1.4 is released. Thanks so much!