Descriptor pointer arrow, "shadow", is pointing in the wrong direction.

  • Profile Image
    AgilityAssoc.Canada
    Asked on June 14, 2020 at 10:53 AM

    Hi,

    Re: https://cdn.jotfor.ms/AgilityAssoc.Canada/FunaHome-VII 

    Descriptor pointer arrow for #id_10, has "shadow", pointing in the wrong direction.

    Although it is barely visible, it is clearly not under the arrow and is pointing at approx. 4 O'clock position.

    159214602906-14,20-JotForm-shadow.jpg 

    As you can see I have been able to inject CSS code to get what I want for the descriptor, I can't find any CSS code related to this shadow. Can you please help me with this little issue.

    Thank you, Robert

    PS

    I forgot to mention that to view this, you must first select that "I want to buy judging" is checked.

  • Profile Image
    Amin_N
    Answered on June 14, 2020 at 01:00 PM

    Hi there, Robert!

    Thanks for reaching out to us!

    We sincerely apologize for any inconvenience this may have caused.

    Could you please allow me some time to closely look into this?

    I promise I will be right back the soonest I can.

    Your patience is most appreciated.

  • Profile Image
    Amin_N
    Answered on June 14, 2020 at 01:13 PM

    Please inject the following CSS code into your form:

    .form-description-arrow{
      display: none;
    }

    Related guide:

    How-to-Inject-Custom-CSS-Codes

  • Profile Image
    AgilityAssoc.Canada
    Answered on June 15, 2020 at 09:21 AM

    Hi,

    This code would stop displaying the arrow all together. That was not really what I was looking for. I actually wanted to use it.

    So the small arrow remains ".form-description-arrow-small" and has no shadow? Is this what you are suggesting?

    Best, Robert

  • Profile Image
    Bojan_J
    Answered on June 15, 2020 at 10:10 AM

    Greetings Robert.

    Thank you for your message.

    Please try to add the following CSS to your form:

    .form-description-arrow {
        border-color: #990000 transparent transparent transparent;
    }

    You can click here to see how to inject the CSS into your form.

    Let us know if this solution works for you. 

  • Profile Image
    AgilityAssoc.Canada
    Answered on June 15, 2020 at 10:20 AM

    Hi,

    Yes that worked just fine. I did have some values for the last three. So now it looks like this;

    Thank you, Robert

    .form-description-arrow {   
        border-color: #990000 transparent transparent transparent;
        border-style: solid;
        border-width: 10 px;
        height: 0;
        width: 0;
        left: 25 px;
        top: 77 px;
        position: absolute;
    }

    I just realized that this was not a shadow at all but another faint arrow. OK...

  • Profile Image
    AgilityAssoc.Canada
    Answered on June 15, 2020 at 10:45 AM

    Hi,

    I have run into another situation with this arrow. When using French text it is located incorrectly. Is there something I can do to fix this?

    159223228206-14,20-JotForm-French.jpg

     Thanks, Robert

  • Profile Image
    AgilityAssoc.Canada
    Answered on June 15, 2020 at 10:48 AM

    Hi,

    I fixed by making it a bit wider... RESOLVED

    Robert