WordPress.org

Forums

Optin Forms
[resolved] add image to background (17 posts)

  1. chessfox
    Member
    Posted 9 months ago #

    Thanks for a useful plugin!

    How can I add a image to the background or even replace a text area with an image?

    Thanks

    https://wordpress.org/plugins/optin-forms/

  2. Boris Beo
    Member
    Plugin Author

    Posted 9 months ago #

    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!

  3. Boris Beo
    Member
    Plugin Author

    Posted 9 months ago #

    Hi chessfox,

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

  4. chessfox
    Member
    Posted 9 months ago #

    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.

  5. networkmediaex
    Member
    Posted 9 months ago #

    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. http://michellephillips.theradiancefactor.net/

  6. networkmediaex
    Member
    Posted 8 months ago #

    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.

  7. Boris Beo
    Member
    Plugin Author

    Posted 8 months ago #

    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(http://www.yourdomain.com/your-image.jpg)}
    #optinforms-form3-inside{url(http://www.yourdomain.com/your-image.jpg)}

    Change them to:

    #optinforms-form3 {background: url(http://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 ;)

  8. networkmediaex
    Member
    Posted 8 months ago #

    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.

  9. Boris Beo
    Member
    Plugin Author

    Posted 8 months ago #

    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 ;)

  10. networkmediaex
    Member
    Posted 8 months ago #

    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.

  11. networkmediaex
    Member
    Posted 8 months ago #

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

  12. Boris Beo
    Member
    Plugin Author

    Posted 8 months ago #

    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 http://www.codeleon.com/contact/.

  13. networkmediaex
    Member
    Posted 8 months ago #

    thanks ..will do!

  14. Nils Terborg
    Member
    Posted 8 months ago #

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

  15. Boris Beo
    Member
    Plugin Author

    Posted 8 months ago #

    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 ;)

  16. Nils Terborg
    Member
    Posted 8 months ago #

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

  17. Boris Beo
    Member
    Plugin Author

    Posted 8 months ago #

    Geen dank! (You're welcome!) ;)

Reply

You must log in to post.

About this Plugin

  • Optin Forms
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.