How do I shrink INDIVIDUAL bounding boxes?

  • The_Hang
    Asked on June 21, 2024 at 12:32 PM

    I want to shrink the bounding box around the 'Product Guide' button I added via the paragraph widget because it covers the other questions when you press on it

    Jotform Thread 16146671 Screenshot
  • Angelica JotForm Support
    Replied on June 21, 2024 at 1:01 PM

    Hi Sean,

    Thanks for reaching out to Jotform support. I understand what you’d like to do, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.


  • Angelica JotForm Support
    Replied on June 23, 2024 at 9:25 AM

    Hi Sean,

    When I cloned and tested your form, the same thing happened for me. After investigating it a bit, I found a solution. It's really easy to fix. Let me show you how:

    1. In Form Builder, click the Paint Roller icon.
    2. Select Styles tab.
    3. Scroll down, and you'll see the Inject Custom CSS.
    4. Then, copy and paste this CSS below:
    #id_171 {
    margin-top: -2px;
    border: 0px hidden !important;
    height: auto;
    width: auto;
    padding: 0;
    margin-left: 10px;
    }
    #id_171 h6{
    margin: 0;


    Here's the result:

    How do I shrink INDIVIDUAL bounding boxes? Image 1 Screenshot 20

    We really appreciate your patience and understanding while we’re looking into this. Give it a try and let us know how it goes.



 
Your Answer