Okay
  Public Ticket #3526181
Flipbox vertical align borked
Closed

Comments

  •  10
    davidkhuffman started the conversation

    (this is for mobile screen size only, e.g., <690 px wide)

    When I set the Flipbox vertical align to center, it STARTS the text in the center, but if there are multiple lines, it doesn't expand the text upward, it just still starts in the middle and flows down. 

    I would just use vertical align=top as a workaround, but that impacts the front side as well.

    Any thoughts?

    Attached files:  flipbox vertical alignment starts at top - center - bottom.png

  •  10
    davidkhuffman replied

    I'm seeing now that I can't force the vertical size of the box, just the minimum.

    Also, there does seem to be some padding on the top that I don't know how to change.

    One possible workaround:

    • make the front side vertical aligned and back side top aligned
    • i can then use HTML spacing to get the back side to look right

    Thoughts?

  •  10
    davidkhuffman replied

    other option: 

    • use vert align = top 
    • find a way to add padding above text on the front side

    it's just an ASCII box with no HTML control on the front side. I tried using <br>'s but just don't know how to add blank rows. they get stripped when i save.

  •  10
    davidkhuffman replied

    oh - never mind!! sorry about that - i had a bad height value in the CSS.

    vertical aligning working now.

    dh

  •  2,958
    Andrew replied

    Hey David,

    Thank you for reaching out to us.

    Great!smile.png Glad you were able to figure this out. 

    Feel free to open another ticket if you face any other issues.

    Best regards,