Early Bird Registration for DrupalCon Portland 2024 is open! Register by 23:59 PST on 31 March 2024, to get $100 off your ticket.
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.
Comments
Comment #1
frjo CreditAttribution: frjo commentedResent 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.
Comment #2
frjo CreditAttribution: frjo commentedHave committed a fix for this (and outlines) to 7-dev.
Comment #4
acHere is the patch if you don't want to run a dev release: http://drupalcode.org/project/colorbox.git/patch/a7a0fa6391f8b7e93dc8c8a...
Comment #5
nodecode CreditAttribution: nodecode commented@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.