Formatting is not correct...image enclosed

Options
I have seen this issue occur on several of our pages, across several different browsers and on tablet as well. Usually the page pulls up like this, but then if I hit reload, the page appears correct and the fields are in the correct place. We had to add a piece of code you gave me ahead of the embed code to ensure the formatting was correct given our site style sheet function. Don't know if that could be the cause. If we are alone in this issue, that seems likely.



One of our forms is at



https://www.youthhaven.org/donate



Here is the code you provided for me to add just before the embed code...



.BBFormSectionHeading label, .BBFormFieldContainer label {


font-size: inherit;


color: inherit;


cursor: inherit;


font-weight: inherit;


margin: 0;


}


select {


height: 2.3125rem;


}


.BBFormRadioButtonContainer label, .BBFormFieldContainerPaymentMethods label {


margin-right:0!important;


margin-left:0!important;}



And here is a screen capture of the issue.



Tagged:

Comments

  • Brandon Granger
    Brandon Granger Blackbaud Employee
    Ninth Anniversary Facilitator 1 Name Dropper Photogenic
    Hi Lars,



    I saw the issue initially, but just like you said it is not appearing after reload so I'm having a little trouble debugging.



    I feel fairly certain that you could add this code just after your form code to resolve issue, but please remove it in the future as the issue will be resolve from our end in an upcoming Online Express release.



    <style>



    &#46;BBAccessibilityOnly {display:none}



    <style>



    Let me know if this doesn't resolve!
  • Thank you Brandon. Unfortunately that did not work and when I added that code to after the tag of the form embed code, the page didn't load at all, nothing. Once I removed it, everything returned to normal. I don't know if our site's style sheets are causing issue? Any other things to try?
  • Brandon Granger
    Brandon Granger Blackbaud Employee
    Ninth Anniversary Facilitator 1 Name Dropper Photogenic
    Really sorry, Lars. That code had a typo as the last tag should have been a closing tag. Can you try this?



    <style>



    &#46;BBAccessibilityOnly {display:none}



    </style>
  • Thanks Brandon. I just put that code at the end, after the tag and the page loads fine. Not sure if that will fix the issue, but I'll update this thread if I see any behavior changes in the formatting.

Categories