Support » Plugin: Webba Booking » Change acceptance label font size

  • Resolved subsurfer

    (@subsurfer)


    I want to change the font size of the acceptance label. I’ve tried changing it in the checkbox tab under Appearance but it doesn’t work.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author WebbaPlugins

    (@webba-agency)

    Please, post here the code of your form.

    Thread Starter subsurfer

    (@subsurfer)

    <p><label for=”wbk-name”>Name <span style=”color:red”>*</span></label>[text* wbk-name class:wbk-text id:wbk-name]</p>

    <p><label for=”wbk-email”>Email <span style=”color:red”>*</span></label>[text* wbk-email class:wbk-text id:wbk-email]</p>

    <p><label for=”wbk-comment”>Comments (if you are booking for family members, please list their names here)</label>[textarea wbk-comment class:wbk-textarea id:wbk-comment]</p>

    <p>[acceptance wbk-acceptance]Click here to confirm that you have signed the liability waiver (link at the top)<span class=”wbk-acceptance-error” style=”display:none;” ><br>Please confirm!</span></p>

    Plugin Author WebbaPlugins

    (@webba-agency)

    Please, try the following example:

    <p>[acceptance wbk-acceptance]<span style="font-size:18px;">Click here to confirm that you have signed the liability waiver (link at the top)</span><span class="wbk-acceptance-error" style="display:none;" ><br>Please confirm!</span></p>

    Font-size is defined inline.

    Thread Starter subsurfer

    (@subsurfer)

    I got it! I added inline css and it worked.

    Plugin Author WebbaPlugins

    (@webba-agency)

    Just posted the same solution 🙂

    Thread Starter subsurfer

    (@subsurfer)

    I’m trying to add a hyperlink to the acceptance label but now the error label isn’t showing anymore.

    <p style="font-size:17px;font-weight:normal;color:black;">[acceptance wbk-acceptance]<span style="color:red">*</span> <span>I have signed the</span> <a href="https://forms.isyedu.org/waiver-of-liability/" target="_blank" style="font-weight:bold;color:#a07d00;">liability waiver</a><span class="wbk-acceptance-error" style="display:none;" ><br>Please confirm!</span></p>

    How do I fix this?

    • This reply was modified 4 months, 1 week ago by subsurfer.
    • This reply was modified 4 months, 1 week ago by subsurfer.
    • This reply was modified 4 months, 1 week ago by subsurfer.
    • This reply was modified 4 months, 1 week ago by subsurfer.
    • This reply was modified 4 months, 1 week ago by subsurfer.
    Plugin Author WebbaPlugins

    (@webba-agency)

    It seems something wrong with quotes. Please, use “.

    If the problem persists, please let me know.

    Thread Starter subsurfer

    (@subsurfer)

    Do you mean the quotes in my code? I double-checked all the double quotes and they seem right. I tried copying and pasting your double quotes and the inline css wasn’t displayed at all.

    Plugin Author WebbaPlugins

    (@webba-agency)

    Please, try this:

    <p style="font-size:17px;font-weight:normal;color:black;">[acceptance wbk-acceptance]<span class="wbk-acceptance-error" style="display:none;">Please confirm!<br></span><span>I have signed the</span><a href="https://forms.isyedu.org/waiver-of-liability/" target="_blank" style="font-weight:bold;color:#a07d00;">liability waiver</a></p>

    Warning span should be the first.

    Thread Starter subsurfer

    (@subsurfer)

    That worked!! 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.