Hello, I'm running Drupal 7.2 with the Fusion 7.x-2.0-beta2 Theme.

I found that when I set my colorbox module to use the stockholmsyndrome style that the close, prev, next buttons all had borders around them.

Chrome inspect element reports that a user agent stylesheet is being used for the element.

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
-webkit-box-align: center;
text-align: center;
cursor: default;
color: buttontext;
padding: 2px 6px 3px;
border: 2px outset buttonface;
border-image: initial;
background-color: buttonface;
box-sizing: border-box;

I have corrected the problem by adding the following to the colorbox_style.css

button {
        border: none;

I'm not sure if this is a complete solution, or a proper solution at all. Perhaps there is other styling intended for button elements.


frjo’s picture

Title: Stockholmsyndrome Style - Issue with styling on <button> » Built in styles Style - Issue with styling on <button> in recent versions of the Colorbox plugin
Assigned: Unassigned » frjo
Status: Active » Needs work

Resent version of the Colorbox plugin added the "button" tag and I have not taken the time to fix the three styles that are included with the Colorbox module yet.

Will try to put together a patch in the near future.

frjo’s picture

Version: 7.x-2.3 » 7.x-2.x-dev
Status: Needs work » Fixed

Have committed a fix for this (and outlines) to 7-dev.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

ac’s picture

Here is the patch if you don't want to run a dev release: http://drupalcode.org/project/colorbox.git/patch/a7a0fa6391f8b7e93dc8c8a...

nodecode’s picture

@frjo: FYI it looks like whatever fix you did solved the weird button outlines but broke Stockholm Syndrome style (buttons do show beyond colorbox boundaries itself). I think it's an overflow issue.