Icon List Block – aligning icon with the center line of text.

Hello @brs76,

Thanks for writing to us.

I am not replicating the issue on my end as shown here:https://share.getcloudapp.com/yAuAD56E.

Try checking the spacing section as shown here:https://share.getcloudapp.com/4gu42gn6 for any padding adjustment that has been made.

Please let us know how this goes.

Hi and thank you for your reply,

After I watched your short instruction video stated above, I tried another “check” icon and the problem was fixed somehow. Even if all the previous settings are the same. But I guess there was a problem with the previous “check” icon.

Problem solved.

Thank you.

Hi @brs76,

Thanks for letting us know.

I’m glad it works out for you.

If you need anything else we can help you with, please don’t hesitate to open a new thread.

Have a nice day and week ahead! ??

@judith0 I saw the video you shared above. You have the MIDDLE setting selected for the icon style, which works fine if there are just a few words in the list item label. However, if it’s a long sentence that wraps over to the next line, the MIDDLE icon setting displays the icon vertically centered along the entire chunk of text for that item label.

I selected the TOP align icon style for such a list, but this setting displays the icon about 5px above the label. I tested some CSS variations using the “Inspect” option in Firefox… got it to work for the specific browser session, but unable to replicate it on a fresh load of the page.

The site is still private. So I am adding the code below…

.wp-block-uagb-icon-list.uagb-block-89faf225 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {
padding: 0px;
border-radius: 0px;
border-width: 0px;
align-self: flex-start;
}

It says “inline:1” against this code.

In this, if I simply uncheck the “padding: 0px;” line, or add a “padding-top:5px;”, the entire list block realigns the icons perfectly with the center of the first line of the labels. But I can’t get it to change permanently.

I am using Code Snippets plugin to add my custom CSS, so I added this code to it:

.wp-block-uagb-icon-list.uagb-block-89faf225 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {padding-top: 5px;}

But this line gets added at “inline:59”, and is automatically striked-out in the Inspector on a fresh load of the page.

What am I doing wrong here?

Hi @kasin78,

Sorry for the inconvenience caused to you.

Would you please start your own thread?

Let’s help the forum stay “clean” as per the forum guidelines.

Have a nice day!