Title: [Plugin: Custom Field Template] Admin CSS
Last modified: August 19, 2016

---

# [Plugin: Custom Field Template] Admin CSS

 *  [randyhoyt](https://wordpress.org/support/users/randyhoyt/)
 * (@randyhoyt)
 * [17 years, 3 months ago](https://wordpress.org/support/topic/plugin-custom-field-template-admin-css/)
 * I have been tweaking the Admin CSS — thanks, Hiroaki, for making this available!—
   to make it fit more into the wp-admin section. I am sharing this CSS, just in
   case other people might benefit from it. Add the following lines below the default
   CSS:
 *     ```
       #cft {border-top: 1px solid #E3E3E3; margin-top: 1.67em;}
       #cft_instruction { margin: 1.67em 0; }
       #cft dt { float:none; width:auto; text-align: left; margin: 1.67em 0;}
       #cft dt span { display: inline; padding-right: 1em;}
       #cft dt br { display: none;}
       #cft dt div { display: inline; font-weight: normal; padding-left: 1em;}
       #cft dd { float:none; margin:0 .5em; text-align:left; width:auto; }
       ```
   
 * [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)

 *  [babeburp](https://wordpress.org/support/users/babeburp/)
 * (@babeburp)
 * [17 years ago](https://wordpress.org/support/topic/plugin-custom-field-template-admin-css/#post-979673)
 * I’m using Custom Field Template version 1.2.4. Great plugin, though more “how-
   to-use” instruction (for non programing user like me) would certainly help to
   save me alot of time in trial & error.
 * I’ve been tweaking the Admin CSS (through trial & error), but nothing seem to
   change. Using the default code, the main issue I have with my display is the 
   custom key are aligncentre even though it clearly states alignleft. Not sure 
   why? Any help on this is appreciated.
 * I’ve tried adding above codes to the default codes in the Admin CSS but no changes
   seen on the display… 🙁
 * Thanks in advance…
 *  [ginocolada](https://wordpress.org/support/users/ginocolada/)
 * (@ginocolada)
 * [16 years, 10 months ago](https://wordpress.org/support/topic/plugin-custom-field-template-admin-css/#post-979696)
 * For the sake of brevity I had to split my huge template in two columns.
 * I also added some nice contrast to the labels, looks awesome in the quick-edit.
   Check [here](http://gino.comfortnetworks.nl/index.php/2009/07/13/custom-field-template-plugin-for-wordpress-2-8-1/)
   for more recently added ADMIN CSS code.
 *     ```
       #cft div { width:50%; float:left; clear:none; }
       #cft dl { clear:both; margin:0; padding:0; width:100%; }
       #cft dt { float:left; font-weight:bold; margin:0; text-align:left; width:20%; }
       #cft dt .hideKey { visibility:hidden; }
       #cft dd { float:left; margin:0; text-align:left; width:80%; }
       #cft dd p.label { font-weight:bold; color:#093E56; margin:0; border-bottom:1px solid #BDBDBD;background-color:#EEEEEE;}
       #cft_instruction { margin:5px; }
       ```
   
 *  [Endolil](https://wordpress.org/support/users/zabdesign/)
 * (@zabdesign)
 * [16 years, 8 months ago](https://wordpress.org/support/topic/plugin-custom-field-template-admin-css/#post-979705)
 * The CSS code which works fine for me is:
 *     ```
       #cft dl {display: block; clear: both; margin: 7px 0 0 0; padding:5px 0 5px 0; width:100%;  }
       #cft dt {float:left; font-weight: bold; font-size: 83%; margin:0; padding: 3px 7px 3px 3px; text-align: left; width:24%;  background: #DFECF8;}
       #cft dt .hideKey { visibility:hidden; }
       #cft dd {float:left; margin:0; padding: 3px 2px 3px 3px;  text-align:left; width:73%;  background: #DFECF8;}
       #cft dd p.label {margin: 0; color: #3988D6; font-size: 80%;}
       #cft_instruction {margin: 14px 0 11px 0px; padding: 8px 7px 9px 7px; color: #145A69;	line-height: 160%; background: #E2F1B5;}
       ```
   
 * Notice: I am using a 19′ display with the compressed wordpress admin menu (only
   icons)!
    On smaller Displays and with the full size admin menu on the left it
   will probably break the edit screen!

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

The topic ‘[Plugin: Custom Field Template] Admin CSS’ is closed to new replies.

 * 3 replies
 * 4 participants
 * Last reply from: [Endolil](https://wordpress.org/support/users/zabdesign/)
 * Last activity: [16 years, 8 months ago](https://wordpress.org/support/topic/plugin-custom-field-template-admin-css/#post-979705)
 * Status: not a support question

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics