How to justify text and icon when having more icons in one column

Beaver Builder
1

Hi,

I like to arrange some icons with text (vertikal stacked) in one column. As icon width differs, left beginning of text is different every icon-block.

Of course I could use 2 columns (left one is icon, right one is text) but there should be a way to make icons use the same width to left justify the text.

Same with Textbox when using icons.

Thanx for help.

Bernt

2

Hey Bernt,

Welcome to the BB forums! :slight_smile:

Do you mind sharing the URL of the page in question so we can take a look?

Ben

3

Hi Ben,

pls have a look at a test contactpage.

Space for the icon should be the same, independent the width of the icon.

Thank you,
Bernt

4

Hey Bernt,

This wouldn’t be such a bad idea for a feature request! If you’ve a minute, you can head over to our User Voice Forums and add this in! :slight_smile:

Ben

5

Hi,

I will add this, but do you have a quick solution?

Bernt

6

Hey Bernt,

You can try using this CSS snippet for now. You can adjust the width. I’d suggest using the same value with the font-size of your icons.

.fl-builder .fl-module-content .fl-icon i.fa {
  width: 70px;
  text-align: center;
}

Ben