Bring the icon & text into line

[nicolaticola]

Hi,

I’ve been playing around, but can’t seem to get the settings right to bring the icon and text inline like in the image attached. Can you guys help? This issue is this is within a row split into two columns.

The page isn’t live…

Thanks, Nikki

[Prasant]

Hello Nikki,

Thanks for writing in!

You can use CSS display property to align icon and text. However, it’s not sure whether you are using Cornerstone or Content Builder (Pro) to design the layout.

Is the website live or can it be accessed? Can you please share the exact page url for us to take a closer look?

Thanks.

[nicolaticola]

Hi Prasant,

Sure the page url is https://ancestrybookcreators.com/ I’ve just set this page as the homepage.

Thanks,

Nikki

[Prasant]

Hello @nicolaticola,

Thanks for updating the thread.

Please add following class inline-text-icon in the text and icon element and after that add following CSS under Pro > Theme Options > CSS:

.inline-text-icon {
    display: inline-block;
    margin-right: 10px !important;
}

You can change the class name inline-text-icon as per requirement.

Thanks.

[nicolaticola]

Hi @Prasant,

That worked perfectly!

Thanks

[friech]

We are delighted to assist you with this.

Cheers!