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.
Thread Starter
brs76
(@brs76)
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!
