Button Images Cut Off

  • I’m “google taught” with most of my html so I apologize in advance.

    On our website that we’ve worked on redesigning for my work – we wanted custom pop up text with the custom buttons created.

    These buttons show correctly in browsers like Edge, Chrome and Firefox however, when in a browser like Safari and Internet Explorer they cut off at the bottom.

    Anyone have any ideas on why this is and how to possibly fix it. The above link is just one page where this is happening, but it also happens wherever these buttons tend to be placed.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi alymca,

    In the block of css starting on line 118 of your general.css file, your button height is set to 35px. 

    button, input[type="button"], input[type="reset"], input[type="submit"] { /* 118 */
    cursor: pointer;
    height: 35px;
    -webkit-appearance: button;
    font-size: 14px;
    background: transparent;
    letter-spacing: 1px;
    border: 1px;
    text-transform: uppercase;
}

    Try changing it to at least 70px and see if it fixes this for you.

    button, input[type="button"], input[type="reset"], input[type="submit"] { /* 118 */
    cursor: pointer;
    height: 70px;      /* changed from 35px */
    -webkit-appearance: button;
    font-size: 14px;
    background: transparent;
    letter-spacing: 1px;
    border: 1px;
    text-transform: uppercase;
}

    LMK if this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Button Images Cut Off’ is closed to new replies.