Classic Icon List Item - Icon before or after

[hivehouse]

For the classic icon list item element, is there a way to have the icon after the text instead of before?

Thanks

[basanta]

Hi There,

Thanks for writing in!

Yes you can change the icon to the right of the text by adding few line of custom css.
Please add a class name to the Classic icon list module that you are using as per the screenshot attached.

You can right any class name, in my case I have added “icon-right”

After saving it add the below css code to the custom css (Customizer->custom->css)

.x-ul-icons.icon-right li [class*="x-icon-"] {
 float: right;
}

The result will be like the screenshot here.

Hope this is something you are looking for.

Thanks