Custom CSS not applied

Replies: 0

I have written some custom css to apply to the pop-up for styling the Gravity Form within the popup. When I preview the popup in the admin section, it looks fine. However, when I published the popup, I do not see the custom css being applied. I tried other work arounds and it still is not working.

Here is the CSS code that I am using:

.wpmudev-ui label {
    display: none;
}

.wpmudev-ui ul li:before {
    content: none;
}

.wpmudev-ui input, .wpmudev-ui textarea {
    margin: 10px 0;
    width: 98%;
    padding: 6px;
}

.hustle-modal-minimal .hustle-modal-body header {
    border-bottom: 0;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
    margin-left: 10px;
    max-width: 95.5%;
    padding: 3px 0 !important;
    height: auto;
}

Any help would be much appreciated.

Thanks