Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #791997

    Hi,

    Right now for the Icon List my only options are to align left or right. Is there a way to center the content?

    #791999

    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

    #792001

    That centered vertically. I need a horizontal center. Below is a link to the site to see how its being used.

    #792013

    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

    #792037

    That’ll work. Thank you

    #792039

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.