ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• August 31, 2015 at 1:22 pm #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.
  September 1, 2015 at 6:52 pm #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.

• Back to forum

  Posted in: Atelier