IE9 Login box

Hello,

I notice a little misconfiguration in the login box css.
There is a strange border around the input buttons, as shown in the image bellow!

login_ie9.JPG

Hi,

Can you please give me your site link to check further?

Thanks,

http://www.consulfogo.pt/home/

It's because you have set a border for it in file /home/templates/gk_finance_business/css/override.css
Line 572:

Code: Select all

    fieldset { border:1px solid; margin:10px 0; padding:15px 0; }


Try removing border property then it'll be nice

Ok thanks!

I noticed that the ccs template didn't have the css format rules for the frontend editor, then I added the code suggested by normamUK in https://www.gavick.com/support/forums/1 ... tml#p64226 with small adaptations made by me and I didn't notice that the rule you suggested affected the login box.

I commented that rule and now everything is fine.

Thanks,

Semedo

Code: Select all


    /* Editor Styles Starts Here */
    #editor-xtd-buttons { padding-top:5px; }
    .formelm { float:none; padding:0px 5px 0px 5px; /*position:relative; */ display:block; overflow:hidden; margin-bottom:10px; }
    .formelm-area { color:#000000; font-size:10px; padding:3px 0; width:12em; text-transform:uppercase; position:relative; display:block; }
    .formelm-area label{ color:#000000; float:left; font-size:10px; padding:3px 0; width:12em; text-transform:uppercase; }
    .formelm-buttons { float:right; margin-bottom:10px; margin-top:-40px; position:inline; }
    .formelm label { color: #000000; float: left; font-size: 12px; padding: 3px ; text-transform: uppercase; vertical-align: top; width: 14em; }
    .formelm .inputbox { border-color:#CCCCCC #E7E7E7 #E7E7E7; border-radius:2px; border-right:1px solid #E7E7E7; border-style:solid; border-width:1px; box-shadow:0 1px 6px #F0F0F0 inset; color:#111111; font:12px/18px Arial,Helvetica,sans-serif;}
    .button2-left { float:left; margin-left:5px; background:#FFFFFF; border:1px solid #DBDBDB; border-radius:3px; color:#333333; cursor:pointer; display:block; font-size:12px; font-family:BebasNeue,Arial,sans-serif; height:29px !important; line-height:31px; margin:0 5px 3px 2px; padding:0 16px; font-weight:normal; }
    .edit form#adminForm fieldset { border:1px solid #DDDDDD; }
    .edit form#adminForm fieldset { margin:10px 0 15px; padding:20px 15px; }
    .edit form#adminForm  legend { font-size:14px; background:#FAFAFA; border:1px solid #C3C3C3; border-radius:0 0 3px 3px; position:relative; width:auto; padding:2px 10px; }
    fieldset { border:0 solid #CCCCCC; }
    //fieldset { border:1px solid; margin:10px 0; padding:15px 0; }
    fieldset a { font-weight:normal; }
    fieldset .legend { font-size:18px; }
    div.mceEditor { padding-top:2px; position:relative; }
    jform_language-lbl { color:#000000; float:left; font-size:10px; padding:3px 0; width:12em; text-transform:uppercase; }
    span.wf_editor_toggle { cursor:pointer; display:block; line-height:20px; background:#FAFAFA; border:1px solid #C3C3C3; border-radius:0 0 3px 3px; position:relative; width:70px; padding:5px; text-align:center; font-size:12px; font-family: BebasNeue,Arial,sans-serif; }
    /* Calendar Display Fix Starts */
    .calendar .button { display:table-cell !important; float:none !important; }
    /* Calendar Display Fix Ends*/
    .formelm input[type="password"],
    .formelm input[type="text"],
    .formelm input[type="email"],
    .formelm input[type="www"],
    .formelm input[type="tel"],
    .formelm input[type="url"],
    .formelm input[type="search"],
    .formelm select,
    .formelm .inputbox { width:25%; float:none; }
    .formelm .button2-left { width: auto;}
    .formelm .fltlft { float:none; }
   
   #jform_title {width: 25em; margin-left: -100px;}
    /* Editor Style Ends Here */


Feel free to let me know if you need any other helps.

Cheers,