New Landing How can we help? Atelier PayPal option on checkout – in Safari

Viewing 2 posts - 1 through 2 (of 2 total)
  • Posted in: Atelier
  • #208864
    wtflovelife
    Member
    Post count: 113

    Hi! In Safari – my PayPal text (in the middle column at the bottom) on the checkout page is not inline with the radio button. I know how to add the margin to make it right – but then it messes up in Chrome and FF. How can I fix this only in Safari? Screenshot attached. Thank you!

    Attachments:
    You must be logged in to view attached files.
    #209346
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    You can use CSS to target the Safari browser only but this is tricky. Here are the examples to test and edit:

    /* Safari 6.1+ (8.0 is the latest version of Safari at this time) */
    
    @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
    {
        .safari_only { 
    
            color:#0000FF; 
            background-color:#CCCCCC; 
    
        }
    }}
    /* Safari 6.1-7.0 */
    
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0)
    {  
       .safari_only {(;
    
          color:#0000FF; 
          background-color:#CCCCCC; 
    
        );}
    }
    /* Safari 7.1+ (8.0 is the latest version of Safari at this time) */
    
    _::-webkit-full-page-media, _:future, :root .safari_only {
    
      color:#0000FF; 
      background-color:#CCCCCC; 
    
    }

    Thanks,
    David.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register