ConvertPlus Modal not looking right on website

[wtdm]

Created a modal with three column in ConvertPlus and customized font, color, padding, size, etc., looks great in ConvertPlus.

Modal is on Slider Revolution static layer and launches with no issues.
But comes up on the site with no space between cells, weird line…

Not sure if I’m supposed to enter some css elsewhere? Are there settings in X overwriting the modal customization?

Thanks for your help.

[paul.r]

Hi,

I would like to check but the login provided doesn’t seem to work.

Kindly check again and let us know.

Thanks

[wtdm]

Apologies… See below

[paul.r]

Hi,

The theme’s table style is overriding your custom css.

Please add your custom css in Theme Options > CSS instead of adding it in your modal content.

You may add the code below

.my-table th, 
.my-table td {
    padding: 20px;
}

.my-table {
    border-collapse: initial;
}

Hope that helps.

[wtdm]

Thank you so much!
It all looks good except for a 1px white line above the cells, not sure where that comes from

[rad]

Hi @wtdm,

Please change your CSS to this,

.my-table th, 
.my-table td {
    padding: 20px;
    border-top: 0px;
}

.my-table {
    border-collapse: initial;
}

Thanks!

[wtdm]

Thank you so much.
Have a fantastic Day!

[christian]

You’re welcome. Glad we could help.