WordPress.org

1. TC.K
   Member
   Posted 1 year ago #
   

   hi,
   I wonder is there any way to make the checkbox list display horizontally ?

   I had look into the manual, but I could not understand how is "Adds the break type. Set CSS of '#cft div'. (type = break)" work.

   Any advised will be appreciated.

   http://wordpress.org/extend/plugins/custom-field-template/

2. TC.K
   Member
   Posted 1 year ago #
   

   no reply??

3. Zeb
   Member
   Posted 1 year ago #
   

   If you try it in the Admin CSS of the plugins page, one of the last lines say "checkbox".
   If you just add {float:left} you will nearly get it.
   Unfortunately, when I tried it, text and titles overlapped. If you make it work, please let me know.

4. TC.K
   Member
   Posted 1 year ago #
   

   Zeb,

   yes, I also had this situation.
   Still not able to get the right solution..they are using html tag td dl dr and dd tags instead of ul or li. Thus, I think it is hard to make it right since it is using table form, not the list style.

   Any other advise?

5. melbouy
   Member
   Posted 1 year ago #
   

   Hi there,

   Try play with min-width.

   i.e: #cft .dl_checkbox { margin:0; float: left; min-width: 250px;}

   Hope that helps

6. difreo
   Member
   Posted 11 months ago #
   

   Try this
   

   #cft .dl_checkbox { margin:0; float:left; width:auto;}
   #cft dl:after { content:" "; clear:both; height:0; display:block; visibility:hidden; }
   #cft dt { width:30%; clear:both; float:left; display:inline; font-weight:bold; text-align:right; }
   #cft dt .hideKey { visibility:hidden; }
   #cft dd { margin:0 0 0 31%; }
   #cft dd p.label { font-weight:bold; margin:0; }
   #cft_instruction { margin:10px; }
   #cft fieldset { border:1px solid #CCC; margin:5px; padding:5px; }
   #cft .mceStatusbar { padding-bottom:22px; }
   #cft .dl_checkbox dt {clear:both; width:150px; margin-right:5px;}
   #cft .dl_checkbox dd { clear:none; margin:auto; width:200px; white-space:nowrap;}
   #cft>div { margin:0 0 20px 0; padding:20px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; background-color:#F9F9F9; float:left; width:100%;}

Topic Closed

This topic has been closed to new replies.