Custom CSS

  • Resolved mike1503

    (@mike1503)


    4 years, 10 months ago

    Trying to use the custom CSS in the free version.

    I just want to put a background image for the form. Can’t see a way of doing this. There are, apparently, selectors – for instance, ‘form.’ Clicking on this just puts curly braces into the CSS editor – nothing to suggest that any CSS will be correctly applied to the form.

    Am I missing something?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    Hello @mike1503,

    Let me help you add a background image to the form.

    Kindly navigate to your site Dashboard-> Forminator-> Forms-> Edit the form you want to add a background to. Now check the number in the URL on the address bar as pointed in the screenshot below:

    https://monosnap.com/file/4Hdobis4eDMVpr6PgXoxmbiomcJtmI

    Now replace the number with what you see on your address bar with the 22 number in the code below on the line: form#forminator-module-22. Just so you know, every form has a unique number and this is the unique number of that form.

    The next thing you need to replace is the link to the image. Please change the link on this line to your image link:

    background-image: url(https://pbs.twimg.com/media/DyCF_tqWwAEVTx1.jpg)

    
form#forminator-module-22 {
    background-image: url(https://pbs.twimg.com/media/DyCF_tqWwAEVTx1.jpg) !important;
}

    Add the final code with the updated form number by navigating to Dashboard-> Appearance-> Customize-> Additional CSS and Publish the changes and it should work.

    Please let me know if that works. I am looking forward to hearing from you on it.

    Regards,
    Prathamesh Palve

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    Hello @mike1503

    I hope you are doing well!

    We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

    Kind regards,
    Nastia

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS’ is closed to new replies.