I have added a custom field to my posts and have edited the code in single.php so that the custom field appears above my sidebar. You can see an example here: sample post.
The "Book Details" section is actually the custom field and everything below it is widgets in my sidebar. However, to get the "Book Details" section to look like the widgets I've used the following code:
float: right;
margin-right: 0%;
width: 204px;
margin: 0 0 2.2em;
background: #000;
padding: 20px;
border-style: solid !important;
border-color: #999999 !important;
border-width:2px !important;
font-size: 13px;
This, however, doesn't seem right. It looks right (visually speaking), except in mobile devises and I feel the float, margin, width are all very specific and not fluid like the widgets. I was wondering if anyone knew where I could find the code or what I need to change so the custom field displays exactly like a widget would in the sidebar - the same, margin, width (without being specific), float, position, etc.
Any help would be appreciated. Thanks!