Icon alignment


#1

I’m trying to create a review section. I have my quote and I’m trying to create a 5 star review. I have done this with the icons. The only problem I can’t seem to align all 5 icons horizontally centered. It stacks them in desktop view. Is there a way I could center the row? or how can I go about centering all 5 separate icons?

Or is there a way to put more than one icon in each icon box?

Thanks,

Francisco


#3

Hi,

Use buttons instead of icons, remove the text from button, enable the icon inside the button, add the custom class to the button and get rid of borders and background. Adjust the appearance of icon to your liking (also with a custom class).

Then, add a column row bric and place all 5 buttons into this row. Add the custom class to the row, open the custom class, go to typography settings and set the text to align to the center.

I think this is what you want to archive.

Cheers,
Eldar


#4

Eldar,

Thanks for the reply. I will try that. I just thought it would be easier if we could add an alignment center for the whole row. But I guess, I’ll have to do that manually in the html.