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.

HypervisedEd-BH_Bootstrap issue screenshot

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:
Only local images are allowed.

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.
HypervisedEd-BH_Bootstrap issue screenshot

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?

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

bedlam’s picture

Status: Active » Closed (duplicate)
bedlam’s picture

Issue summary: View changes

Fixing dead image link