How can I make a button with color and size settings for lightbox form?

  • Profile Image
    ast70030
    Asked on March 22, 2018 at 04:54 AM

    I create a form and embed it in websight as a lightbox. It is adobe muse websight, so i use "insert HTML" The lightbox button looks like just a word with underlininig on hover. How can i make a button with color and size settings?

  • Profile Image
    Victoria_K
    Answered on March 22, 2018 at 08:22 AM

    You can add some HTML code to the lightbox embedding code to style it as a button. For example,

    <a class="btn lightbox-XXXXXXXXXXXXX" style="margin-top: 16px">

    <button type="button" style="border: 1px solid black; border-radius: 5px; background-color: #ccff99;">Click to fill out a form</button>

    </a>

    1521720919screenshotg1jnh.png

    To adjust the styling of a button, you can add multiple css properties into STYLE="border: 1px solid black; border-radius: 5px; background-color: #ccff99;", here is a guide which might be of help: 

    https://www.w3schools.com/css/css3_buttons.asp

    Hope this helps.