#mvp_cvv_container in OPAY MivaPay CSS

[macrobber]

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?

[macrobber]

Tested. This works.

[Brennan]

You're able to add any css customization you like using that JSON format for passing the CSS into MivaPay.

[Roofio]

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

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

[Roofio]

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