Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi
I’m using a Vantage theme and the contact form from the SiteOrigin Widgets Bundle and have a managed service from 1 & 1.
I wish to put a picture behind the contact form. I found two previous threads pertaining to this:
Making the background of the Contact Form widget transparent
but neither display a full answer.
I also found a useful thread on Stackoverflow but my skills are such that I could not enact it:
https://stackoverflow.com/questions/4183948/css-set-background-image-with-opacity
I wonder if you can help?
Regards
alan
Hi Alan,
You can do this with some custom CSS. Please open the contact form and head over to the widget styles sidebar. Open the Attributes settings group. Set the Widget Class to contact-altered_background, then save.
Navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:
.contact-altered_background .so-widget-sow-contact-form .sow-contact-form { background: url(http://placekitten.com/750/750); background-size: cover; }How does that look? Please change the background image URL to your desired image.
You might also need to install the SiteOrigin CSS Editor.
Dear Alex,
it worked a treat.
Thank you so much for your quick response and clear and precise advice.
Regards
Alan