Announcement

Collapse

Information Needed

See more
See less

Change button colors in the iframe code

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

  • 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

  • #2
    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

    Comment


    • #3
      Good day!

      This could be a post-installation issue.

      Please grant us login access so we can review your installation.
      Regards,
      Click & Pledge Support Department

      On Salesforce? Help us by rating our app: Click & Pledge Donor Management on AppExchange

      Join us @ the educational webinars: https://clickandpledge.com/webinars/
      Live Support available Join between 3:00 - 3:30 p.m. ET Monday - Thursday: https://clickandpledge.com/webinars/
      Are you on Salesforce? Join us at the Power of Us Hub: https://powerofus.force.com/0F980000000CjpC

      Comment


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

        Comment


        • #5
          Hi,

          Any update for this problem?

          Thanks

          Comment


          • #6
            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.
            Regards,
            Click & Pledge Support Department

            On Salesforce? Help us by rating our app: Click & Pledge Donor Management on AppExchange

            Join us @ the educational webinars: https://clickandpledge.com/webinars/
            Live Support available Join between 3:00 - 3:30 p.m. ET Monday - Thursday: https://clickandpledge.com/webinars/
            Are you on Salesforce? Join us at the Power of Us Hub: https://powerofus.force.com/0F980000000CjpC

            Comment


            • #7
              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

              Comment


              • #8
                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.
                Regards,
                Click & Pledge Support Department

                On Salesforce? Help us by rating our app: Click & Pledge Donor Management on AppExchange

                Join us @ the educational webinars: https://clickandpledge.com/webinars/
                Live Support available Join between 3:00 - 3:30 p.m. ET Monday - Thursday: https://clickandpledge.com/webinars/
                Are you on Salesforce? Join us at the Power of Us Hub: https://powerofus.force.com/0F980000000CjpC

                Comment

                Working...
                X