Home>Support>Contact form over background image

Contact form over background image

By Aaron Smith, 8 years ago. Last reply by SiteOrigin, 8 years ago.

Hi,

I am trying to create a contact form that sits over the top of a full page image on the Vantage theme. I have couple of problems:

1. Creating a full page image that does not have a white border between it and the menu/footer.

2. Getting a contact form to sit on top of it

Any ideas/thoughts?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 9 months ago Greg Priday
    Hi, I Work Here

    Hi Aaron

    This thread should answer your first point – Thread: how to remove space between upper menue bar and first row

    As for point number 2. I don’t think there’s actually a way to get a transparent background for the contact form, but I’ll confirm this with our team. At very least, we should be able to give you some custom CSS to achieve this.

  2. 8 years, 9 months ago Aaron Smith

    Hi Greg,

    I have tried the code from that link, but I still got a white space – all be it a smaller one. It would appear that when I use the siteorigin image widget it puts a return into the code, but when I delete this in editor view I lose all of the settings I had created in the widget.

    I look forward to seeing the custom CSS to overcome my other issue.

    Regards

    Aaron

  3. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Hi Aaron

    It might take us a few tries, but, I’m sure we’ll be able to work something up for you.

    Could you please, create a test page and get the layout as close to what you want as possible, then, send us the link. We’ll help customise from there. Once ready, you could clone the test page or recreate the same elements on your actual page.

    Thanks :)

  4. 8 years, 8 months ago George Plumley

    I’m trying to get the same effect – a transparent background on the Site Origin contact form – and I did some custom css that works (would be nice to be able to have transparency as a choice in the contact form design area :-) ).

    .so-widget-sow-contact-form-default-9881c33d4b2d .sow-contact-form {
    background-color: transparent;
}

    However, when I made a change to padding of the contact form, it broke my background transparency, because the selector for the form’s parent changed. What I thought was a unique code for the instance of the form, turned out to be a unique code for the particular configuration of the form, and when I changed that configuration, the code changed.

    .so-widget-sow-contact-form-default-66e098ae91fe .sow-contact-form {
    padding: 0px;
    border: #c0c0c0 none 0px;
    background-color: #f2f2f2;
}

    Am I missing a way to override the form styling that won’t be affected by future changes to other elements of the form?

    • 8 years, 8 months ago SiteOrigin
      Hi, I Work Here

      Hi George

      We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.

      Page: New Thread

      If you’re a premium user, please be sure to enter your order number so we can properly prioritize your thread.

  5. 8 years, 8 months ago George Plumley

    Posted to:

    Thread: Making the background of the Contact Form widget transparent

  6. 8 years, 8 months ago SiteOrigin
    Hi, I Work Here

    Thanks

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More