transparent background on campaign FORM

[briegull]

I followed the great directions on how to include a c&p shortcode in my donation page. It all works as promised (whoever writes your documentation, they are worth every penny!!) but making the page transparent in an overlay doesn't seem to work. I choose it (the little checkerboard) but I still can't see the original page at all. What am I doing wrong?

[CnP.Support.AM]

Good day @briegull

Would you please share the form/page URL so that we can review it?

Looking forward to hearing back from you.

[briegull]

https://midcoastseniorcollege.org/donation-page/

This has a pattern in the page, but it is also set as transparent. The form is white.

[CnP.Support.AM]

Good day @briegull

We reviewed your form and all seems to be working fine. Please note that you will need to change the background color setting for page, header, sections individually to apply the transparency.

Example:



Hope that helps. Please check and let us know if we can be of any further assistance.

[briegull]

I had the page background set to transparent. Problem was that it could be both transparent and have a pattern, which made it NOT transparent. When I was able to remove the pattern (by switching the background color to a COLOR, which turned off the pattern (unable to do that when it was set to transparent) the resetting to transparent without a pattern, it did indeed become transparent. In fiddling with the patterns, I was hoping to be able to have the overlay be a screen which was, other than the form, partially transparent (cf. clearing the screen that pops up when you ask to cache in Chrome) . I put a dark color on the form background, leaving the sections white, and that works fine.

The other problem, pretty minor, is that the CLOSE button is up on the top of the page which, because it is transparent, no one realizes is there! Is there any way to move the CLOSE button down to the top of the form, or even IN the header of the form? Picky, picky.

[CnP.Support.AM]

Good day @briegull

Great to hear that it worked fine.

There is one possible easiest solution, you need to make your own image/pattern with partial transparent using any image editor and upload it as a background image.

Regarding the Close button, that is not customizable at this point. But you may try by including the below css code above the "Donate Here" script which you have included in your site page:


<style>.CnP_close{
position: fixed!important;
top: auto!important;
bottom: 10px!important;
margin-left: -112px!important;
background: #d33!important;
border: 1px solid #006!important;
}</style>




Hope that helps. Please check and let us know if we can be of any further assistance.

[briegull]

great solution to the transparency. Why didn't *I* think of that!!
And yes, I can put the code down at the bottom, and that should work well. May not even need it with the partial transparency. Goodie! Something new to play with.

[briegull]

Okay. So setting the background (the page color) as transparent, there is a slider which I can use to mask the primary page. That works. I couldn't make any uploaded image set to transparent to actually BE transparent, I don't know why, but setting the transparency percentage works fine.

And the code for the close button on the primary page looks GREAT!!!

so THANK YOU!! I'm all set! (for the moment!!)