Possible to align elements within the info box?

  • Hi! So I’m using quite a lot of the info boxes within my site but it does this annoying thing where the elements aren’t aligned when they’re in the same row (as shown in the link below)

    https://dropover.cloud/f8f2eb

    I just wanted to check if there was a way to align it such that all the individual elements are sitting on the same line. So have the trophies align with the other trophies with the texts all corresponding as well (regardless of whether there’s a double-line header).

    Please help as this is a work assignment. Thanks in advance

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @rliz17,

    Thanks for writing to us.

    I have recorded a screencast to help you how you can recreate these blocks all aligned as they should.

    Hope this helps.

    Please let us know how this goes for you.

    Thread Starter rliz17

    (@rliz17)

    Hi @judith0

    Thank you for the screencast! However, I’m still getting the error where they aren’t aligning :”)

    Is it because the titles/descriptions are all varying lengths that then impact whether they take up a line or not? And if so, is there a way where each one really aligns with each element? i.e. all descriptions will all be aligned regardless of whether there’s two lines for the header?

    TIA!

    Hi @rliz17,

    Sorry for the inconvenience caused to you.

    Yes, if you have title and description of different length then it would not possible to align them using the provided options. However, you can achieve this using the custom CSS code.

    Have a nice day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Possible to align elements within the info box?’ is closed to new replies.