Announcement

Collapse

Information Needed

See more
See less

Can't edit CSS

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

  • Can't edit CSS

    Hi - I'm trying to update the CSS of my event templates, per this post: https://forums.clickandpledge.com/fo...-in-c-p-events

    My instance is missing any reference to the CSS, and instead the dropdown says "Design Selection" and gives left and right as options.

    Please advise, thank you!

  • #2
    00D1I000003nnIs

    Comment


    • #3
      Good day @gvanullen

      You have selected the Default CSS in DefaultSettings which is the reason you don't see the Custom CSS as an option. Please follow the below image and make the changes then it shows you the option:

      Click image for larger version

Name:	custom css.jpg
Views:	6
Size:	77.3 KB
ID:	44310

      Hope that 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


      • #4
        Thanks. For whatever reason, when the iframe loads, it's just totally ignoring me setting the background to transparent.
        Have it in the CSS here, and inline as well.

        Is this also pulling in bootstrap.min.css? That's where it's being forced to white.

        Comment


        • #5
          Good day @gvanullen

          We reviewed your Template & CSS and found that you have removed the background image tag defined in the HTML editor which is the reason it is not pulling the background image from custom CSS. However, we have included that in the HTML now.

          Please see:

          Click image for larger version

Name:	Background.jpg
Views:	6
Size:	117.5 KB
ID:	44338


          We also noticed that the custom class which you have added in the custom CSS is not correct syntax and will not work:

          Click image for larger version

Name:	Syntax.jpg
Views:	6
Size:	101.1 KB
ID:	44339

          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


          • #6
            Yeah, that was one of several iterations I was trying to force it to be transparent. As I mentioned, it's getting defined in bootstrap.min.css and I am wondering if C&P is pulling that css file in somewhere. I don't see it in the page source, so I have to presume so. There doesn't seem to be anything I can do to force it transparent.

            Comment


            • #7
              Please note that the bootstrap.min.css is an external file which pulled when the event form generated. Based on the above image we are assuming that you want to give transparent background for the class name .CPEF.

              You can override some css properties in your custom CSS by adding !important beside that property as shown below.

              .CPEF{
              background-color: rgba(255, 255, 255, 0.0) !important;
              }


              You can change the alpha value in between 0.0-1, where 0 is fully transparent and 1 being opaque.

              OR you may simply include Transparent as shown below:

              .CPEF{
              background-color: transparent !important;
              }


              Hope that 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

              Working...
              X