Form Lightbox
How can I customize the light box button? (3 posts)

  1. yunochka@gmail.com
    Posted 3 years ago #


    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


  2. Frenkie
    Posted 3 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]

  3. cjgrasso
    Posted 3 years 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 {

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic