Change button colors in the iframe code

[jaydee]

I am making changes to the template in the css but nothing I change is retained in the iframe code that is generated. Am I missing something here? Access has already been granted for a week to OrgID 00D37000000Q0B6.

Thank you

[jaydee]

Also, when testing the code in a web page, Credit Card processing is inaccessible. I'd like to be able to verify that a card will post. I've posted with Invoice just fine.

Thanks

[CnP.Support]

Good day!

This could be a post-installation issue.

Please grant us login access so we can review your installation.

[jaydee]

Access has already been granted for a week to OrgID 00D37000000Q0B6

[jaydee]

Hi,

Any update for this problem?

Thanks

[CnP.Support]

Good day!

For buttons the style looks like the following:

*********************************

/* Buttons Styles */    
.CPEF .btn-add-custom{
        color: #333333!important; /* add button font color */
        background-color: #f5f5f5; /* add button background color */
        }
.CPEF .btn-add-custom:hover{
        background-color: #E8E8E8;      /* add button hover background color */
        }
.CPEF .btn-custom{
        color: #E5F7FF!important; /* continue, process, cancel, ok button font color */
        background-color: #51a451!important; /* continue, process, cancel, ok button background color */
        }
.CPEF .btn-custom:hover{
        color: #E5F7FF!important; /* font HOVER color for CONTINUE, PROCESS, CANCEL, OK button */
        background-color: #449244!important; /* continue, process, cancel, ok button hover background color */
        }
.CPEF .btn-copy-custom, .CPEF .btn-load{
        color: #FFFFFF; /* copy & load button font color */
        background-color: #faa732; /* copy & load button background color */
        }
.CPEF .btn-copy-custom:hover,  .CPEF .btn-load:hover{
        color: #FFFFFF; /* copy & load hover font color */
        background-color: #f89406; /* copy & load button background HOVER color */
        }
.CPEF .btn-sold-out .text-error{
        color: #b94a48; /* sold out button font color */
        }

******************************

You may change the colors with the above CSS section.

Hope this helps.

[jaydee]

I've made changes to the css and they render for the registration page but do not render in the iframe. Should they not show in the iframe?

Thanks,
Jeff

[CnP.Support]

Good day!

The CSS is used with the registration site - it is placed in the registration site and not the registration widget.

You cannot update the registration form's CSS independently since the CSS is not loaded there. The registration sites have the CSS and the registration widget inherits the classes from them. As a standalone iframe registration form the CSS will not work.

Hope that answers your question.