How can I separate the two options further apart?

  • Profile Image
    glagrow
    Asked on June 12, 2020 at 08:54 AM

    This is what happens when we put the options on one line:

  • Profile Image
    Jovanne_A
    Answered on June 12, 2020 at 09:03 AM

    Hi, thank you for reaching out to us.

    You can insert this custom CSS code to make the two options farther from each other.

    div#cid_5 {

        width: 50% !important;


    }


    Below is the sample output:

    159196699302.png



    Hope this will help. Let us know if you have any other questions.


    Regards,

    Jovanne

  • Profile Image
    glagrow
    Answered on June 12, 2020 at 12:35 PM

    Hello,


    The code works on the first question

    But it does not work on the 2nd

    Does the "5" in the code represent something that needs to be changed? I will be adding more questions in a similar format.  

    Also, why is "50%" in red?

  • Profile Image
    Niko_N
    Answered on June 12, 2020 at 02:02 PM

    Greetings,

    "Does the "5" in the code represent something that needs to be changed? I will be adding more questions in a similar format."  

    Yes, that number represents the ID of the field you want to apply those CSS properties. Thus, to apply similar spacing to another fields, you can check its ID by inspecting the page, copy that CSS code and replace that number. For instance, for the 2nd question:

    As you can see it's 13 for the field Anyone With Special Needs?, hence I will also inject this code:

    So, I will get:

    Alternatively, you can also fix that spacing issue without injecting the CSS code as well. You can remove injected CSS and then change Label Alignment to the TOP and they will be automatically placed correctly:




    "Also, why is "50%" in red?"

    Custom CSS injector gives different colors to the different element of the CSS code (i.e. class/id selectors, numbers). Thus, those different colors (like red to "50%") are used simply for readability purposes.

    Please check and let us know if you need any further assistance.

    Thank you in advance!