• I am using the g lock double opt in plugin which has caused my sidebars and footers to move around in ie (but not in firefox).

    I found a similar issue on this forum which suggested the following but it didn’t help me.

    My URL is https://www.yetzira.com

    I have solved it. Now it is working in everywhere and IE7 also.
    I have fixed it in this file gsom.css. location is /g-lock-double-opt-in-manager/css/gsom.css.
    we need to change the following code
    from
    #g-lock-double-opt-in-manager {
    float: left;
    }

    to

    #g-lock-double-opt-in-manager {
    }

Viewing 1 replies (of 1 total)
  • Thread Starter nicole2009

    (@nicole2009)

    It seems like in the document mentioned above there are a lot of “float: left;” which seems to be the problem. Maybe I need to erase another line but I have no idea which one.
    Does anyone have any idea?

    This is the file gsom.css. location is /g-lock-double-opt-in-manager/css/gsom.css.

    #gsom_form input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    }

    ul#gsom-fields-list input[type=”radio”],
    ul#gsom-fields-list input[type=”checkbox”] {
    border: none;
    }

    th.gsom-sec-hdr,
    div.gsom-ap-hdr {
    font-weight: bold;
    }

    div.gsom-ap-hdr {
    margin: 5px 0;
    }

    div.gsom-eml-edit {
    width: 510px;
    border-right:1px solid #C6D9E9;
    float: left;
    margin-right:5px;
    padding-right:5px;
    }

    div.gsom-eml-edit p {
    font-weight: bold;
    margin-top: 6px;
    }

    /*************** =BForm ***************/

    div.bform
    {
    display:block;
    left:200px;
    position:absolute;
    top:200px;
    z-index: 1000;
    margin: 0px;
    padding: 0px;
    zoom:1;
    }

    /* top row */

    div.bform-lt
    {
    width: 100%;
    height: 8px;
    background: url(../img/form_lt.png) no-repeat scroll left;
    padding-left: 8px;
    }

    div.bform-t
    {
    height: 8px;
    width: 100%;
    background: url(../img/form_t.png) repeat-x scroll;
    overflow: hidden;
    }

    div.bform-rt
    {
    height: 8px;
    width: 100%;
    padding-right: 8px;
    background: url(../img/form_rt.png) no-repeat scroll right;
    }

    /* middle row */

    div.bform-l
    {
    padding-left: 8px;
    width: 100%;
    /*height: 100%;*/
    background: url(../img/form_l.png) repeat-y scroll left;
    }

    div.bform-body
    {
    width: 100%;
    height: 100%;
    background: url(../img/form_bg.png) repeat-x;
    border: 1px solid #99BBE8;
    }

    div.bform-r
    {
    padding-right: 8px;
    width: 100%;
    /*height: 100%;*/
    background: url(../img/form_r.png) repeat-y scroll right;
    }

    /* bottom row */

    div.bform-lb
    {
    width: 100%;
    height: 8px;
    background: url(../img/form_lb.png) no-repeat scroll left;
    padding-left: 8px;
    }

    div.bform-b
    {
    height: 8px;
    width: 100%;
    background: url(../img/form_b.png) repeat-x scroll;
    overflow: hidden;
    }

    div.bform-rb
    {
    height: 8px;
    width: 100%;
    padding-right: 8px;
    background: url(../img/form_rb.png) no-repeat scroll right;
    }

    /* bform elements */

    div.bform-header
    {
    cursor: move;
    overflow: hidden;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 18px;
    color: #15428B;
    background: url(../img/form_bg_h.png) repeat-x;
    }

    div.bform-closebutton
    {
    width: 13px;
    height: 13px;
    background: url(../img/xbutton.png) no-repeat;
    float: right;
    cursor: pointer;
    }

    div.bform-closebutton:hover
    {
    width: 13px;
    height: 13px;
    background: url(../img/xbutton-a.png) no-repeat;
    float: right;
    cursor: pointer;
    }

    /****** BButton ******/

    div.bbutton
    {
    cursor: pointer;
    overflow: hidden;
    display: inline;
    margin: 1px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }

    div.bbutton div.bbleftside
    {
    width: 5px !important;
    height: 23px !important;
    /*background: url(/images/bbutton-left.png) no-repeat;*/
    float: left;
    display: inline-block;
    }

    div.bbutton div.bbrightside
    {
    width: 5px !important;
    height: 23px !important;
    /*background: url(/images/bbutton-right.png) no-repeat;*/
    float: left;
    display: inline-block;
    }

    div.bbutton div.bbmiddle
    {
    height: 23px;
    /*background: #B2E1FF;*/
    float: left;
    display: inline-block;
    /*overflow: hidden;*/
    }

    div.bbutton div.bbmiddle span
    {
    line-height: 22px;
    /* display: inline;
    float: left;*/
    float:left;
    overflow: hidden;
    display:inline-block;
    }

    div.bbutton div.bbmiddle img.bbico
    {
    float:left;
    margin-right:6px;
    margin-top:3px;
    }

    /**==========================*/
    div.bbutton_act
    {
    cursor: pointer;
    overflow: hidden;
    display: inline;
    margin: 1px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }

    div.bbutton_act div.bbleftside
    {
    width: 5px !important;
    height: 23px !important;
    background: url(/images/bbutton-left.png) no-repeat;
    float: left;
    display: inline;
    }

    div.bbutton_act div.bbrightside
    {
    width: 5px !important;
    height: 23px !important;
    background: url(/images/bbutton-right.png) no-repeat;
    float: left;
    display: inline;
    }

    div.bbutton_act div.bbmiddle
    {
    height: 23px;
    background: #B2E1FF;
    float: left;
    display: inline;
    /*overflow: hidden;*/
    }

    div.bbutton_act div.bbmiddle span
    {
    line-height: 22px;
    float:left;
    overflow: hidden;
    display:inline;
    }

    div.bbutton_act div.bbmiddle img.bbico
    {
    float:left;
    margin-right:6px;
    margin-top:3px;
    }

    /****** GButton ******/

    div.glbutton
    {
    cursor: pointer;
    overflow: hidden;
    /*display: inline;*/
    float: left;
    margin: 1px 3px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }

    div.glbutton div.bbleftside
    {
    width: 5px;
    height: 27px;
    background: url(../img/sbutton_left.png) no-repeat;
    float: left;
    }

    div.glbutton div.bbrightside
    {
    width: 5px;
    height: 27px;
    background: url(../img/sbutton_right.png) no-repeat;
    float: left;
    }

    div.glbutton div.bbmiddle
    {
    height: 27px;
    background: url(../img/sbutton_mid.png) repeat-x;
    float: left;
    overflow: hidden;
    text-align: center;
    }

    div.glbutton div.bbmiddle span
    {
    line-height: 26px;
    }

    div.glbutton div.bbmiddle img.bbico
    {
    float:left;
    margin-right:6px;
    margin-top:5px;
    }

    /**==========================*/
    div.glbutton_act
    {
    cursor: pointer;
    overflow: hidden;
    /*display: inline;*/
    float:left;
    margin: 1px 3px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }

    div.glbutton_act div.bbleftside
    {
    width: 5px;
    height: 27px;
    background: url(../img/sbutton_left_act.png) no-repeat;
    float: left;
    }

    div.glbutton_act div.bbrightside
    {
    width: 5px;
    height: 27px;
    background: url(../img/sbutton_right_act.png) no-repeat;
    float: left;
    }

    div.glbutton_act div.bbmiddle
    {
    height: 27px;
    background: url(../img/sbutton_mid_act.png) repeat-x;
    float: left;
    overflow: hidden;
    text-align: center;
    }

    div.glbutton_act div.bbmiddle span
    {
    line-height: 26px;
    }

    div.glbutton_act div.bbmiddle img.bbico
    {
    float:left;
    margin-right:6px;
    margin-top:5px;
    }

    /**==========================*/
    div.glbutton_on
    {
    cursor: pointer;
    overflow: hidden;
    /*display: inline;*/
    float:left;
    margin: 1px 3px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    }

    div.glbutton_on div.bbleftside
    {
    width: 5px;
    height: 27px;
    background: url(../img/sbutton2_left_on.png) no-repeat;
    float: left;
    }

    div.glbutton_on div.bbrightside
    {
    width: 5px;
    height: 27px;
    background: url(../img/sbutton2_right_on.png) no-repeat;
    float: left;
    }

    div.glbutton_on div.bbmiddle
    {
    height: 27px;
    background: url(../img/sbutton2_mid_on.png) repeat-x;
    float: left;
    overflow: hidden;
    }

    div.glbutton_on div.bbmiddle span
    {
    line-height: 26px;
    }

    div.glbutton_on div.bbmiddle img.bbico
    {
    float:left;
    margin-right:6px;
    margin-top:5px;
    }

    /*** gl button dropdown list***/

    ul.glbuttonddlist
    {
    list-style: none;
    position: absolute;
    left: 100px;
    top: 100px;
    background: #ffffff;
    padding: 0;
    margin: 0;
    border: 1px solid #ADB9C2;
    }

    div.glbuttonddlistitem
    {
    padding: 3px 3px 3px 26px;
    cursor: default;
    font-family: tahoma,arial,sans-serif;
    font-size: 11px;
    }

    div.glbuttonddlistitem:hover
    {
    background: #eeeeee;
    }

    ul.glbuttonddlist li div.selected
    {
    background: #D9E8FB;
    }

    /*** bForm list***/

    ul.bform-list
    {
    list-style: none;
    padding: 0 10px;
    margin: 0;
    }

    ul.bform-list li div
    {
    overflow: hidden;
    }

    ul.bform-list li input[type=’radio’]
    {
    float: left;
    margin-right: 3px;
    }

    ul.bform-list li label
    {
    display:block;
    float:left;
    font-weight:bold;
    width:125px;
    }

    /*ul.bform-list li */
    div.btngroup
    {
    overflow:hidden;
    margin-left:125px;
    }

    /**** gsom-fields-list ****/
    ul#gsom-fields-list {
    margin:0;
    padding:0 0 10px 0;
    list-style-type: none;
    }

    ul#gsom-fields-list li {
    margin: 1px;
    /*padding: 5px;*/
    cursor: move;
    /*border:1px solid #C6D9E9;*/
    }

    div.gsom-list-item-wrapper
    {
    width:250px;
    float: left;
    padding: 5px;
    border:1px solid #C6D9E9;
    }

    ul#gsom-fields-list li
    {
    overflow: hidden;
    }

    /*ul#gsom-fields-list li label
    div.gsom_sfi label
    {
    margin-right: 3px;
    line-height: 23px;
    float: left;
    } */

    ul#gsom-fields-list li input[type=’radio’]
    {
    float: left;
    margin-right: 3px;
    height: 22px;
    }

    ul#gsom-fields-list li input[type=’checkbox’]
    {
    float: left;
    margin-right: 3px;
    height: 22px;
    }

    ul#gsom-fields-list li input[type=’text’]
    {
    float: right;
    }

    ul.bform-rb-list
    {
    list-style:none;
    padding:0;
    margin:0;
    overflow: hidden;
    }

    ul.bform-rb-list li input[type=’radio’]
    {
    float:left;
    height:18px;
    }

    ul.bform-rb-list li input[type=’text’]
    {
    float:left;
    font-family:arial;
    font-size:11px;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    width:124px;
    }

    ul.grid
    {
    background: #ffffff;
    border:1px solid #A5ACB2;
    list-style:none;
    padding:0;
    margin:0;
    height: 70px;
    width: 100%;
    }

    ul.grid *
    {
    overflow:hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font:normal 11px arial, tahoma, helvetica, sans-serif;
    }

    div.grid-hdr
    {
    background: #f9f9f9 url(../img/gridhdr.gif) repeat-x 0 bottom;
    cursor:default;
    zoom:1;
    float: left;
    overflow:hidden;
    border-left:1px solid #eee;
    border-right:1px solid #d0d0d0;
    padding:3px 3px 3px 5px;

    }

    div.grid-row
    {
    float: left;
    padding:3px 3px 3px 5px;
    }

    /***** widget opt-in form *****/

    .gsom-optin-div-label
    {
    display:block;
    }

    .gsom-optin-label
    {
    display:block;
    margin-right: 3px;
    float:left;

    }

    label.gsom-optin-label.radio {
    margin-top: 3px;
    }

    ul.gsom-optin-form
    {
    list-style: none;
    margin: 0 !important;
    list-style-image: none;
    list-style-type: none;

    }

    ul.gsom-optin-form *
    {
    list-style-type: none !important;
    list-style-image: none !important;
    }

    div.gsom-optin-form div
    {
    margin: 5px 0;
    /*overflow:hidden;*/
    }

    div.gsom-optin-form input {
    margin-bottom:2px;
    margin-right:2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    }

    div.gsom-optin-form input[type=”text”] {
    /*width: 100%;*/
    }

    span.gsom-required-msg {
    border: 1px solid red;
    margin: 0pt;
    padding: 2px;
    background: #CB211A;
    display: block;
    float: left;
    color: #ffffff;
    }

    span.gsom-required-msg.cbox {
    margin-top: 2px;
    }

    div.gsom-optin-radiogroup
    {
    margin-left: 10px;
    float: left;
    clear: both;
    }

    div.gsom-optin-radiogroup span.gsom-required-msg {
    margin-top: 2px;
    }

    div.gsom_sfi {
    clear: both;
    }

    /**** widget form builder (admin menu) ****/

    div.gsom-optin-radiogroup-admin
    {
    float:right;
    width:164px;
    }

    .gsom-flink
    {
    cursor: pointer;
    }

    table.gsom_small_table
    {
    line-height:normal !important;
    }

    table.gsom_small_table tr
    {
    border: none !important;
    line-height:normal !important;
    }

    table.gsom_small_table td
    {
    border: none !important;
    line-height:normal !important;
    padding: 1px !important;
    margin: 0 !important;
    }

    #gsom-confirm-mess-varlist p
    {
    line-height: 100%;
    }

    /*** additional calss for non widget form ***/
    div.gsom-sa-wrapper /* div wrapper around the form */
    {
    text-align: center;
    background: #fafafa;
    border: 1px solid #cccccc;
    padding: 10px;
    }

    form.gsom-sa-from /* form class */
    {

    }

    div.gsom-sa-placeholder /* block which contains all form inputs*/
    {
    margin:0 auto;
    overflow:hidden;
    text-align:left;
    width:150px;
    }

    span.gsom-oldname {
    display: none;
    }

    /* Advanced styling of widget form */

    li#g-lock-double-opt-in-manager h2 {
    /*
    here you can style the form title
    */
    }

    li#g-lock-double-opt-in-manager p {
    /*
    here you can style the text that appears above and below the form.
    */
    }

    li#g-lock-double-opt-in-manager form {
    /*
    here you can style the form itself
    */
    }

    div.gsom-optin-form {
    /*
    this is the main div container inside of
    element. It contains all the stuff: buttons, fields, labels, etc.
    */
    }

    div.gsom-optin-form div {
    /*
    each form element with the label wrapped into div and you can style this container here
    */
    }

    label.gsom-optin-div-label {
    /*
    this is the common class for all from field labels.
    */
    }

    div.gsom-optin-radiogroup input[type=”submit”] {
    /*
    here you can style submit buttom
    */
    }

    /* Advanced styling of the standalone form which can be placed inside the page. */

    div.gsom-sa-wrapper {
    /*
    This is the main container that wraps the standalone form including the title.
    */
    }

    form.gsom-sa-from {
    /*
    class of a standalone form element
    */
    }

    div.gsom-sa-placeholder {
    /*
    main container inside the form element.
    */
    }

    /*** tabbed options page ***/

    ul.gsom-tabs * {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    }

    .unselectable, .unselectable * {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    }

    ul.gsom-tabs {
    background: transparent;
    border-bottom:1px solid #c6d9e9;
    font-size:12px;
    height:29px;
    margin:13px 0 0;
    padding:0;
    padding-left:8px;
    list-style:none;
    }

    ul.gsom-tabs li {
    display:inline;
    line-height: 200%;
    list-style:none;
    margin: 0;
    padding:0;
    position:relative;
    top:1px;
    text-align:center;
    white-space:nowrap;
    }

    ul.gsom-tabs li span,
    ul.gsom-tabs li a {
    background:transparent none no-repeat scroll 0%;
    border:1px transparent #fff;
    /*border-bottom:1px solid #c6d9e9;*/
    display:block;
    float:left;
    color: #2583AD;
    line-height:28px;
    padding:1px 13px 0;
    position:relative;
    text-decoration:none;
    cursor: pointer;
    }

    ul.gsom-tabs li.gsom-tabs-selected span,
    ul.gsom-tabs li.gsom-tabs-selected a {
    -moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius: 4px;
    background:#fff;
    border:1px solid #c6d9e9;
    border-bottom-color:#fff;
    color:#d54e21;
    font-weight:normal;
    padding:0 12px;
    cursor: default;
    }

    ul.gsom-tabs li span:hover,
    ul.gsom-tabs li a:hover {
    color: #D54E21;
    }

    ul.gsom-tabs span:focus,
    ul.gsom-tabs span:active,
    ul.gsom-tabs a:focus,
    ul.gsom-tabs a:active {
    outline: none;
    }
    /*******************************************/
    .plugin-support,
    .plugin-support * {
    color: #dadada !important;
    font-size: x-small !important;
    }

    #gsom_smtp_secure_conn label {
    width: auto;
    }

    .form-table br {
    clear: both;
    }

    .gsom_widget p {
    clear: both;
    }

    .gsom-optin-radiogroup input {
    float: left;
    margin: 3px !important;
    }

    .gsom-optin-radiogroup label {
    margin-top: 3px;
    }

    #g-lock-double-opt-in-manager {

    }

Viewing 1 replies (of 1 total)
  • The topic ‘g lock double opt in plugin’ is closed to new replies.