Convert Plus Prefix Code

[ajonesx]

Hi PROsters,

Trying to add custom CSS to Convert Plus Modal Pop-up (not premium) without success and have no idea how to implement the following instruction given on the CSS input box:

Add custom CSS to your style. Write custom css statement with prefixed the following unique class : [insert_class (which I have)]

I’ve just been trying to add a tri-color bg gradient to the popup itself (not the entire modal bg,) but every class I’ve tried selecting to modify has been non-responsive… hopefully someone knows how to code this additional ‘prefix’ to allow modification of the existing classes in the Convert Plus plugin? Thanks

[ruenel]

Hey @ajonesx,

Thanks for writing in! You may be adding the incorrect class or the incorrect CSS Specificity.

• CSS Specificity (w3schools.com)

Using your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the page.

Check out this video demonstration:

Dev Tools demo

Best Regards.

[ajonesx]

Thanks Ruenel,

Another question… how do you assign a Convert Plus modal pop-up the Pro Creative CTA element?

[ruenel]

Hello @ajonesx,

The Pro Creative CTA element can be used when you create a page, post, or layout in Cornerstone. You cannot assign that element to a ConvertPlus Modal or vice versa. You can create the Pro Creative CTA element as a component and then you may be able to use the component code inside the Modal Popup.
Check out this documentation about the component:

• https://theme.co/docs/component-builder-overview

Best Regards.