Announcement

Collapse

Information Needed

See more
See less

Can't edit CSS

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

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

    Leave a comment:


  • gvanullen
    replied
    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.

    Leave a comment:


  • CnP.Support.AM
    replied
    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:	99
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:	72
Size:	101.1 KB
ID:	44339

    Leave a comment:


  • gvanullen
    replied
    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.

    Leave a comment:


  • CnP.Support.AM
    replied
    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:	81
Size:	77.3 KB
ID:	44310

    Hope that helps.

    Leave a comment:


  • gvanullen
    replied
    00D1I000003nnIs

    Leave a comment:


  • gvanullen
    started a topic Can't edit CSS

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