Change font weight, padding, and justify text of specific modal form

Support
#1

Hello support team,

I would like to change the

Font weight, padding, and justification of the text on this specific modal form.

I have added the code below and only the line-height seems to be working.

Help would be appreciated

.cp_id_b73dc .cp-description {
line-height: 10px !important;
}

.cp_id_b73dc .cp-title .cp_responsive {
line-height: 19px !important;
font-weight: 200 !important;
}

.cp_id_b73dc, .cp-text-container,
.cp_id_b73dc, .cp-modal-every-design .cp-desc-container,
.cp_id_b73dc, .cp-modal-every-design .cp-form-container
{
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;

}

#2

Hello @dstro003,

Thanks for asking. :slight_smile:

Can you please share website URL so we can give you the exact CSS?

Thanks.

#3

No problem!

Here is the website URL: http://www.soundshockaudio.com/tutorials/

#4

Hello @dstro003,

Thanks for asking. :slight_smile:

You can add following CSS to make necessary changes in the lightbox:

.cp-modal-body .cp-title.cp_responsive span {
    font-size: 30px !important;
    font-weight: bold !important;
    text-align: justify !important;
    padding: 0px !important;
}

Let us know how it goes.

Thanks.

#5

Thank you for your response.

Will this code effect all the modal forms?

I would only like to change the styling of the modal form .cp_id_b73dc

Thanks

#6

Hi there,

You will need to change the CSS code to accommodate the specifics you want.

.cp_id_b73dc .cp-title.cp_responsive span {
    font-size: 30px !important;
    font-weight: bold !important;
    text-align: justify !important;
    padding: 0px !important;
}

Thank you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.