Unable to add border radius to the modal

[eakenbor]

Problem:

I am unable to add border radius to the modal. I have tried using classes but to no avail. Please can anyone help me with this?

Version:

Example & screenshots:

I have checked stackoverflow for solutions and 100% sure that this issue is not not related to my code.

[atourkow]

After banging my head around for hours I finally figured out how to overwrite the .vm--modal CSS. It's actually VERY simple. Just add !important to the CSS (make sure the .modal-override class is global and not scoped)

<modal name="foo" classes="modal-override">...</modal>

.modal-override
    background #0008 !important
    border-radius 20px !important
    padding 10px

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[smoilovskiy]

For example, try this:

<modal
      name="modal_name"
      styles="border-radius: 30px; color: #FFF; background-color: #FBAE31; padding: 4% 5%; position: relative;"
      width="72.46%"
      height="25.22%"
      :pivotY="0.29"
      :clickToClose="false">
    <p>text</p>
</modal>