How can I customize the light box button?

  • yunochka@gmail.com

    (@yunochkagmailcom)


    11 years ago

    Hello,

    I would like to customize the light box button. The code for light box is:
    [formlightbox_obj id=”1″ onload=”false”][contact-form-7 id=”1314″ title=”Formulario de contacto 1″][/formlightbox_obj]

    [formlightbox_call title=”title”]Llamame[/formlightbox_call]

    And the code for buttons I had on my webpage is:
    [custom_button text=”title” title=”Button” url=”” text_color=”#FFFFFF” align=”left” target=”_self”]

    How can I mix these two codes to get it customize?

    Thank you very much

    http://wordpress.org/extend/plugins/form-lightbox/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Frenkie

    (@frano09)

    11 years ago

    I have the same question, see the example below.

    I think many people use shortcodes for their button (links) so it would be great to have a solution for this.

    Example of the woothemes button shortcode:

    [button link=”http://www.google.com” size=”large” bg_color=”#3C8C48″ border=”#109309″]Download Now[/button]

    cjgrasso

    (@cjgrasso)

    10 years, 10 months ago

    use firebug… look at the CSS that is defining your button. call a div class inside the fromlightbox shortcode:

    [formlightbox_call title=”title”]<div class=”my_button”> Button text</div>[/formlightbox_call]

    then in your style sheet, add the new class:

    .my button {
    color:red;
    width:200px;
    }

    you’ll likely have to add the hover and active elements too if your button has those:

    .my_botton:hover {
    }

    and .my_button:active {

    you can copy all the styles from your current button class right out of firebug, and put them in your style sheet for your new button.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can I customize the light box button?’ is closed to new replies.