Title: CSS Float Issue in UI
Last modified: August 20, 2016

---

# CSS Float Issue in UI

 *  [Maxaud](https://wordpress.org/support/users/maxaud/)
 * (@maxaud)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/css-float-issue-in-ui/)
 * Looks to be an issue with the last field getting cut off on my custom field template.
 * Here is a screenshot: [http://playforward.net/img/custom_field_template.jpg](http://playforward.net/img/custom_field_template.jpg)
 * I’m guessing this is due to a float issue in CSS.
 * [http://wordpress.org/extend/plugins/custom-field-template/](http://wordpress.org/extend/plugins/custom-field-template/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [olorin](https://wordpress.org/support/users/olorin/)
 * (@olorin)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/css-float-issue-in-ui/#post-3351269)
 * same issue here
 *  [banica](https://wordpress.org/support/users/banica/)
 * (@banica)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/css-float-issue-in-ui/#post-3351301)
 * Same here.
 *  Plugin Author [Hiroaki Miyashita](https://wordpress.org/support/users/hiroaki-miyashita/)
 * (@hiroaki-miyashita)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/css-float-issue-in-ui/#post-3351303)
 * ADMIN CSS may be old because you have been using the plugin from the old version.
   Please try to do the option reset or relace by the following code.
 *     ```
       .cft { overflow:hidden; }
       .cft:after { content:" "; clear:both; height:0; display:block; visibility:hidden; }
       .cft dl { margin:10px 0; }
       .cft dl:after { content:" "; clear:both; height:0; display:block; visibility:hidden; }
       .cft dt { width:20%; clear:both; float:left; display:inline; font-weight:bold; text-align:center; }
       .cft dt .hideKey { visibility:hidden; }
       .cft dd { margin:0 0 0 21%; }
       .cft dd p.label { font-weight:bold; margin:0; }
       .cft_instruction { margin:10px; }
       .cft fieldset { border:1px solid #CCC; margin:5px; padding:5px; }
       .cft .dl_checkbox { margin:0; }
       ```
   

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS Float Issue in UI’ is closed to new replies.

 * ![](https://ps.w.org/custom-field-template/assets/icon-256x256.png?rev=1966286)
 * [Custom Field Template](https://wordpress.org/plugins/custom-field-template/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/custom-field-template/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/custom-field-template/)
 * [Active Topics](https://wordpress.org/support/plugin/custom-field-template/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/custom-field-template/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/custom-field-template/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [float](https://wordpress.org/support/topic-tag/float/)
 * [ui](https://wordpress.org/support/topic-tag/ui/)

 * 3 replies
 * 4 participants
 * Last reply from: [Hiroaki Miyashita](https://wordpress.org/support/users/hiroaki-miyashita/)
 * Last activity: [13 years, 3 months ago](https://wordpress.org/support/topic/css-float-issue-in-ui/#post-3351303)
 * Status: not resolved