Announcement

Collapse

Information Needed

See more
See less

Change button colors in the iframe code

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • CnP.Support
    replied
    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.

    Leave a comment:


  • jaydee
    replied
    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

    Leave a comment:


  • CnP.Support
    replied
    Good day!

    For buttons the style looks like the following:

    *********************************
    Code:
    /* 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.

    Leave a comment:


  • jaydee
    replied
    Hi,

    Any update for this problem?

    Thanks

    Leave a comment:


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

    Leave a comment:


  • CnP.Support
    replied
    Good day!

    This could be a post-installation issue.

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

    Leave a comment:


  • jaydee
    replied
    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

    Leave a comment:


  • jaydee
    started a topic Change button colors in the iframe code

    Change button colors in the iframe code

    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
Working...
X