Icons side by side

[fxground]

Hello,

I tried searching for this but I couldn’t find out the answer. How do i make the icon element place 5 stars in a row for a rating, instead of one star per line? Is there an easy way to do that using the icon element and not a bunch of hard coded FA lines?

[ruenel]

Hello @fxground,

Thanks for writing in!

You can use the Rating element;

• https://theme.co/docs/rating

If you need something custom, you can have an element structure like this:

Div element - for the width
 Div element - wrapper
    Div element - Icon wrapper
        ICON element displaying the star
        ICON element displaying the star
        ICON element displaying the star
        ICON element displaying the star
        ICON element displaying the star

You can control the star rating with the DIV - Width element which will hide the overflow. The Flexbox option in the DIV wrapper needs to be enabled and the direction will be “Column”.

Hope this helps.