Use Maxbuttons to open Form Lightbox

  • Resolved CornleaGirl

    (@cornleagirl)


    9 years, 11 months ago

    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”); }

    https://wordpress.org/plugins/maxbuttons/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author johnbhartley

    (@johnbhartley)

    9 years, 11 months ago

    First tip, only post your question in one spot unless you’ve not received any reply.

    Regarding your question, you’ll need to change the CSS to match the class of the button that gets generated for the opening of the lightbox. Based on what you pasted I’m not entirely sure what your button output looks like (or if the MaxButtons output is being used). If you can link to your page it will be easier to debug.

    Thread Starter CornleaGirl

    (@cornleagirl)

    9 years, 11 months ago

    Sorry about the double post. After I posted the forum said closed to further comments or something like that. I’m new to this so I figured I wasn’t going to get a response.

    I actually came up with an alternate option after I posted this which is working. Thank you for the response.

    Plugin Author johnbhartley

    (@johnbhartley)

    9 years, 11 months ago

    Not a problem, feel free to open another if you have a different question.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Use Maxbuttons to open Form Lightbox’ is closed to new replies.