Announcement

Collapse
No announcement yet.

Older Bootstrap Framework Credit Card Exp Month select issue

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Older Bootstrap Framework Credit Card Exp Month select issue

    Store using an older Bootstrap framework is having issues with the drop down select for the expiration month select on the OPAY screen. The behavior has been reproduced on a PC using Windows 7 Professional using Chrome (Version 58.0.3029.110 {64 bit})

    Here are a couple things I've discovered. In the CSS there is this style:
    Code:
    #opay_form #js-cc_exp {
        color: transparent;
    }
    This hides the slash that should be separating the month from the year. When you unhide the slash (I changed the color), the slash displays after the expiration year select. No wonder someone hid it...

    I'm wondering if I remove the negative margin if that might help with the select issue. Can I put a z-index on the select to help?

    The site in question is http://www.caratcoin.com

    Suggestions are welcome.
    Leslie Kirk (aka Leslie Nord leslienord)
    Miva Merchant Certified Developer
    Miva Merchant Specialist since 1998
    Previously of Webs Your Way

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter Twitter Twitter Twitter | Facebook | FourSquare | Pinterest | Flickr

  • What exactly is the issue? Sorry, ran out of coffee after the second cup...reinforcements have been called up, but could be another 20/30 minutes...
    Bruce Golub
    Phosphor Media - "Your Success is our Business"

    Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
    phosphormedia.com

    Comment


    • Originally posted by Bruce - PhosphorMedia View Post
      What exactly is the issue? Sorry, ran out of coffee after the second cup...reinforcements have been called up, but could be another 20/30 minutes...
      The issue seems to be very OS / Browser specific. The store owner tries to select the expiration month on the OPAY screen on PC using Windows 7 Professional using Chrome (Version 58.0.3029.110 {64 bit}) and cannot select the month.

      Since I made this post I made the tweaks to the CSS to "remove" the negative margin in hopes that she would be now select the exp month. I am waiting to hear back from her.
      Leslie Kirk (aka Leslie Nord leslienord)
      Miva Merchant Certified Developer
      Miva Merchant Specialist since 1998
      Previously of Webs Your Way

      Email me: [email protected]
      www.lesliekirk.com

      Follow me: Twitter Twitter Twitter Twitter | Facebook | FourSquare | Pinterest | Flickr

      Comment

      Working...
      X