Hi,
Right now for the Icon List my only options are to align left or right. Is there a way to center the content?
Hey envisageiam,
Yes we can do it, but we’ll need to see the page. But for example, if your Icon List is align left in a full width element, we can use this code in the General Styling > Quick CSS field:
.avia-icon-list-container {
padding-right: 30vw !important;
}
but we would also target that page so it doesn’t affect every page.
Best regards,
Mike
That centered vertically. I need a horizontal center. Below is a link to the site to see how its being used.
Hi,
The issue with your Icon List is that it wants to fill your element and counts the blank area as part of it’s width. We can use:
.avia-icon-list {
padding-left: 15%!important;
}
and change the number until you like it, but you’ll need to write rules for different screen widths.
How about trying to use a smaller flex column? Or hide the box boarder so the eye only has the title to judge center on?
BTW: The “vw” is viewport width, vertical would be viewport height (vh) :)
Best regards,
Mike
That’ll work. Thank you
Hi,
We’re glad that Mike was able to help you. Would you need additional help with this topic, or can we close this thread?
Best regards,
Sarah