Use Maxbuttons to open Form Lightbox
-
I’m trying to use the maxbutton i created to open a form lightbox. I’m a beginner. Can you help me understand how I can use the max button to link to the lightbox? I copied the CSS for the max button below.
Here is the form light box info-
[formlightbox title=”I have a Gehl Grinder” image=”wpid-auction_503_3152718.jpg”]
[contact-form-7 id=”25249″ title=”I have a Gehl Grinder”]
[/formlightbox]here is the button info-
a.maxbutton-1 { text-decoration: none; color: #ffffff; font-family: Arial; font-size: 13px; font-style: normal; font-weight: bold; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; background-color: #3f3f3f; background: linear-gradient(rgba(63, 63, 63, 1) 45%, rgba(63, 63, 63, 1)); background: -moz-linear-gradient(rgba(63, 63, 63, 1) 45%, rgba(63, 63, 63, 1)); background: -o-linear-gradient(rgba(63, 63, 63, 1) 45%, rgba(63, 63, 63, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(63, 63, 63, 1)), color-stop(1, rgba(63, 63, 63, 1))); border-style: solid; border-width: 1px; border-color: #3f3f3f; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-shadow: -1px -1px 0px #3f3f3f; box-shadow: 0px 0px 0px #333333; -pie-background: linear-gradient(rgba(63, 63, 63, 1) 45%, rgba(63, 63, 63, 1)); position: relative; behavior: url(“http://www.wegenerimplement.com/wp/wp-content/plugins/maxbuttons/pie/PIE.htc”); } a.maxbutton-1:visited { text-decoration: none; color: #ffffff; } a.maxbutton-1:hover { text-decoration: none; color: #ffffff; background-color: #747475; background: linear-gradient(rgba(116, 116, 117, 1) 45%, rgba(116, 116, 117, 1)); background: -moz-linear-gradient(rgba(116, 116, 117, 1) 45%, rgba(116, 116, 117, 1)); background: -o-linear-gradient(rgba(116, 116, 117, 1) 45%, rgba(116, 116, 117, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(.45, rgba(116, 116, 117, 1)), color-stop(1, rgba(116, 116, 117, 1))); border-color: #747475; text-shadow: -1px -1px 0px #747475; box-shadow: 0px 0px 0px #333333; -pie-background: linear-gradient(rgba(116, 116, 117, 1) 45%, rgba(116, 116, 117, 1)); position: relative; behavior: url(“http://www.wegenerimplement.com/wp/wp-content/plugins/maxbuttons/pie/PIE.htc”); }
- The topic ‘Use Maxbuttons to open Form Lightbox’ is closed to new replies.