Icon list right alignment

Hi there,

I’ve got an icon list that I’ve managed to force to be right-aligned. However, I can’t seem to get text that is pushed to the next line to indent properly as it does when the icon list is left-aligned.

Any help would be much appreciated!

Hey Erich,

It looks like you have floated the icons to the right using custom CSS. Custom positioning is required to make the text fall in line to the right. Still using custom CSS. The overall code would look like this:

.x-li-icon {
  text-align: right;
  position: relative;
  padding-right: 20px;
}
.x-ul-icons li [class*="x-icon-"] {
  position: absolute;
  right: 0;
}

To understand the properties used in the code, you’ll need to learn CSS or at least refer to websites like https://www.w3schools.com/css/

Hope that helps.

Finally got it working properly.

Thanks so much for your qucik reply and help! Great support as always!

You’re more than welcome, glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.