How to reduce the size of the Contact Popup using Talon Pro

I would like to reduce the size of the Contact Popup window to more closely approximate the size of my contact form. Currently the popup fills the entire screen. I am not using the map feature of the Contact popup.

I used Contact Form 7 Style plugin to build the form itself.

I want to have this form appear when the contact popup button is activated, obviously. I also want to use the form in a contact page which will be linked to various pages in my web site. After I get everything functioning properly the Contact menu item will be removed. It is still active now for testing convenience. Site link gittens.info

How would I reduce the contact popup size?

Thank you

Cliff G.

Hi,

Not sure I fully understand. So you want to maybe show just the contact form itself without the white background? And obviously center it?

Yes, that is exactly what I was trying to accomplish.

You can add this in Customize > Additional CSS:


.contact-popup.contact-active {
	background-color: transparent;
}
.contact-popup-info {
	display: none;
}
.contact-popup-form {
	float: none;
	margin: 0 auto;
}

Vald,

Worked perfectly!

Thank you

Cliff G.