Melinda Cozza - Power Platform and CMS Developer

.div-class-name{
width: 80%;
padding: 0 0 0 0;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-box-shadow: 0px 0px 15px 5px rgba(136,136,136,1);
-moz-box-shadow: 0px 0px 15px 5px rgba(136,136,136,1);
box-shadow: 0px 0px 15px 5px rgba(136,136,136,1);
}

.div-class-name:hover{

-webkit-box-shadow: 0px 0px 5px 11px rgba(77,74,77,1);
-moz-box-shadow: 0px 0px 5px 11px rgba(77,74,77,1);
box-shadow: 0px 0px 5px 11px rgba(77,74,77,1);
}

First check your file system paths in the configuration page.

Then make sure you have the .htaccess from old site migrated to new sevrer as well.

The broken images happened to me when I decided to install a new instance of Drupal core on the server before migrating existing site from another server.
The .htaccess file was not migrated over and that caused the image paths to breaks.

If using rewrite as link as node/ [nid] you need to be sure that Node: Nid is added as a field. Set it to 'exclude' from display. Make sure that Node: Nid comes first in the fields section.

For all who had issues getting the Drupal 7 Bootstrap theme radio buttons on the registration form to behave.

Code:
<div class="form-type-radio form-item-field-whatever">
<input type="radio" id="edit-field-whatever-field" name="field_whatever" value="no" class="form-radio" /> <label for="edit-field-whatever-field">No </label>
</div>

CSS:
#edit-field-whatever-field {
margin-left: 0;
}

CSS selector is the radio button's ID