Announcement

Collapse
No announcement yet.

#mvp_cvv_container in OPAY MivaPay CSS

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

    #mvp_cvv_container in OPAY MivaPay CSS

    Hey,
    I am looking to make a css change to the MivaPay cvv section of the iFrame. I see that OPAY has a MivaPay CSS group section in which to make some modifications. I see that there are entries for things like the #mvp_firstname_container, #mvp_lastname_container, #mvp_cardnumber_container, #mvp_exp_date_container, #mvp_country_container; however, there are no entries for mvp_cvv_container.
    It seems odd that this is missing; but, is it possible to add that selector myself? I know it’s in JSON format, so if I put something like:


    {
    "selector": "#mvp_cvv_container",
    "properties": {
    "width": "50%"
    }
    },

    Would it mess up something on the server side that pushes this iFrame?

    #2
    Tested. This works.

    Comment


      #3
      You're able to add any css customization you like using that JSON format for passing the CSS into MivaPay.
      Brennan Heyde
      VP Product
      Miva, Inc.
      [email protected]
      https://www.miva.com

      Comment


        #4
        How do we pass nested elements to that CSS JSON?
        Like...

        @media screen and (min-width: 480px) {
        body {
        background-color: #fff;
        }
        }

        Comment


          #5
          Found it. May be useful to keep it here

          {
          "at-rule": "media",
          "media": "(max-width:450px)",
          "selectors":
          [
          {
          "selector": "label",
          "properties": {
          "display": "block",
          "width": "100%"
          }
          }
          ]
          }

          Keep in mind, that on the mivapay page, width is actually the width of an iframe

          Comment

          Working...
          X