add image to background

Hey chessfox,

you can add a background image to the form container or one of the containers within the form by using CSS.

Can you tell me which form design you are using?

Let me know!

Hi chessfox,

it’s been a week and still no reply. It seems you’ve moved on. Marking this topic resolved.

Hi Boris, thank you for getting back to me. I will still get to it but I’m sure I can figure it out, thanks again.

I have been working at adding an image all day and can’t get it to work. I can’t figure out how to override the color setting in the forms CSS. The graphic is behind the color but I can’t find a way to override the setting. https://michellephillips.theradiancefactor.net/

I can send the style sheet adjustments I’ve made.. the image is behind the blue but I have not been able to get it to show in the front.

Hi networkmediaex,

You have done it right! You’re just missing an !important property, in order to override the plugin’s CSS.

Edit the following lines in your Custom CSS field (in Optin Forms, under Form Options):

#optinforms-form3 {background: url(https://www.yourdomain.com/your-image.jpg)}
#optinforms-form3-inside{url(https://www.yourdomain.com/your-image.jpg)}

Change them to:

#optinforms-form3 {background: url(https://www.yourdomain.com/your-image.jpg)!important;}
#optinforms-form3-inside {background:inherit;}

Let me know if you’re able to fix it, otherwise I can send you the complete CSS ??

Thank you soooo much!! I tried it and check it out.. .I only get the top bar.. could be because I’m using number 3 which has a very narrow strip for the image.. this is as far as I could get yesterday.. couldn’t override the blue… so puzzling.

Hi networkmediaex,

change the #optinforms-form3-inside line from

#optinforms-form3-inside {background:inherit;}

to

#optinforms-form3-inside {background:none!important;}

Let me know if it works ??

YAY..that worked!!! Do you charge much to do custom styling. This is a big job and I don’t have time to play with this CSS anymore but since you know it well… maybe I could pay you to do the adjustments if I can afford you.

I also have one more question. Can you put two occurrences of the form with two different designs in the same site?

Hi Michelle,

You can put two occurences of the form on the same site, but the forms will be identical. At this time, the plugin doesn’t support multiple designs, but that’s something that might change in the future.

With regards to doing custom work for clients, you can always send me an email through https://www.codeleon.com/contact/.

thanks ..will do!

Hi there!
How can I put the background transparent in Form 5?7
Thanks!

Hi Nils,

add the following line to your custom CSS field, under Form Options in Optin Forms:

#optinforms-form5{background:transparent!important;}

Let me know if it works ??

Yeah, it did. Thanks very much!:-]