I'm currently working on a page consisting of fields with the Advanced Link module, basically a user puts in an external URL to a image file and the image is then embedded into the node. The difficulty I'm having here is that the input box has a 180 pixel margin to the left as defined by default in the Twitter Bootstrap CSS.
sites/all/themes/bh_bootstrap/bootstrap/css/bootstrap.css
.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
margin-left: 180px;
*margin-left: 0;
}
I tried to hack my way around this issue by adding a line of CSS to the BH_Bootstrap Theme's CSS which fixes the issue I originally had:
However this causes other areas of the site (such as taking the site online from maintenance mode) to have the checkbox mixed in with other text.
sites/all/themes/bh_bootstrap/bh_bootstrap-drupal.css
.form-horizontal .controls {
margin-left: 0px;
}
I was wondering if there would be another way to go about this by somehow splitting the usage of this attribute into separate CSS classes?
Comment | File | Size | Author |
---|---|---|---|
form-horizontal .controls-3.png | 819 bytes | HypervisedEd | |
form-horizontal .controls.png | 7.49 KB | HypervisedEd |
Comments
Comment #1
bedlamDuplicate of 1780750.
Comment #1.0
bedlamFixing dead image link