Changing Style of convert plus modal form

[dstro003]

Hello support team,

I would like to change the style of the modal forms on the entire site to look like this

Currently they look like this

I had previously used this CSS to get it to look like the picture above, but it does not seem to be working anymore.

.cp-title.cp_responsive  {
line-height: 0px !important;
}
.cp-first-order .cp-text-container {
padding-top: 0px !important;
}

.cp-form-field, .cp-submit-wrap {
     padding-right: 0px !important;   
     padding-left: 0px !important;
    }

.cp-modal-body .cp_responsive.cp_font span {
    font-weight: 400 !important;
    letter-spacing: .01px;
}

Any help for getting this to work would be appreciated.

[ruenel]

Hello There,

Thanks for writing in! To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

body .widget.convertplug_widget,
#convertplug_widget-8 {
    border: solid 1px #e5e5e5 !important;   
}

.convertplug_widget .cp-modal-every-design .cp-desc-container,
.convertplug_widget .cp-modal-every-design .cp-form-container {
    padding-left: 0;
    padding-right: 0;    
}

.convertplug_widget .cp-modal-every-design .cp-text-container {
    padding-top: 0;
    padding-bottom: 0;
}

And you should be getting this result:

We would loved to know if this has work for you. Thank you.

[dstro003]

Sorry for the late reply! Thanks for the help on this! The css has worked.

I would like to remove the spacing between the lines like the one in the image.

What css would I add to accomplish this?

[mldarshana]

Hi There,

I have checked your site bit I couldn’t find your referenced page. It seems some of the content also not accessible (see secure note).

Could you please provide us with the URL to your referenced page, so that we can assist you accordingly.

Thanks!

[dstro003]

I would like the style of the modal form on this page changed

Tutorials All

Thanks

[Prasant]

Hello @dstro003,

Thanks for updating the thread. I don’t see model form on Tutorials page of your website. I also tried navigating around the website and model form is not appearing up. Can you please confirm?

Thanks.

[dstro003]

Hey Prasant!

Thanks for the reply!

The modal form should be up now.

Please check out this webpage.

Tutorials All

Thanks again for the help.

[christopher]

Hi there,

Please add the CSS code below to X > Launch > Options > CSS:

.cp-modal-body .cp_responsive.cp_font span {
    display: block;
    line-height: 1.3
}

Thank you.

[dstro003]

Great! Thank you for the help!

[ruenel]

You’re welcome!
We’re glad we were able to help you out.