How do I make the collapse bar thinner?

  • Profile Image
    JeffreyMurrayPhotography
    Asked on April 05, 2012 at 07:20 PM

    I was wondering how to make the collapse bars thinner.  The spacing is fine i just want them to be less tall.  My current injected css code is...

     

     

    .form-collapse-table {

    background:#1C1C1C;

    border:none;

    outline:none

    }

    .form-collapse-mid {

    text-shadow:none;

    }

    .form-header-group {

    background: none repeat scroll 0 0 black ;

    border-bottom: 0px

    }

    .form-header {

    color:darkred;

    }

    .form-header {

    color:darkred;

    }

    .form-section, .form-section-closed {margin-bottom: 5px !important;}#id_6.form-line{

    width:60% !important;

    display:inline-block;

    }

    #id_5.form-line.form-line-column{

    float:none;

    position:absolute !important;

    }

    .form-textbox {

    background: #2E2E2E;

    }

    .form-dropdown {

    background: #2E2E2E;

    }.form-textbox, .form-textarea{

    border: 6px solid #2E2E2E;

    }

    .form-textbox {background: #2E2E2E;}.form-dropdown {background: #2E2E2E;}.form-textbox, .form-textarea{border: 6px solid #2E2E2E;}

    .form-all {padding-top:0px !important;}

  • Profile Image
    liyam
    Answered on April 05, 2012 at 11:06 PM

    You can try modifying some of your classes to this (:

    .form-collapse-table {
    background:#1C1C1C;
    border:none;
    outline:none;
    height: 40px; 
    }
    .form-collapse-mid {
    text-shadow:none;
    vertical-align: middle;
    margin-top: 5px;
    }

    Then add this in your CSS injection:

    .form-collapse-right, .form-collapse-right-hide {
         vertical-align: middle !important;
         height: 40px !important;
    }