Display list icons at right

Hi,

We have a website and we’re making lists with the woodmart list item element, we’re making different designs and making columns aligned at left and right, but we can’t change the alignmet of the icons, as you can see at this screenshot: http://prntscr.com/per17r

Can you please provide us an snippet or something for change the display of the icon and make possible to display it at right when the text is aligned right and display left when text is align left?

Thanks!

Hello,

Please use the below css code in Theme Settings >> Custom css >> Global Custom css:

.text-right .woodmart-list ul li {
    direction: rtl;
}
.text-right .woodmart-list ul li .list-icon {
    margin-left: 10px;
}

Best Regards.

[Author]

Posts