Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 7, 2015 at 3:48 pm #407501
    Munford

    how can I center the icon list halfway down the page on the site below?
    I dont’ see anyway to control the position when I make the item.
    thanks
    N

    March 9, 2015 at 2:03 pm #408072
    Yigit

    Hi N!

    Please add following code to Quick CSS 

    @media only screen and (min-width: 990px) {
.home .avia-icon-list-container {
  margin-left: 55px;
}}

    Best regards,
    Yigit

    March 13, 2015 at 1:29 pm #410940
    Munford

    HI Yigit
    that worked in a way, but I need the icon list to be centered at all sizes – can you take another look?
    I can adjust the margin, right now at << margin-left: 135px; >> but that only works at a certain screen size.
    Is there a way to get it to center the icon list in the 3/5 column it’s in?
    thanks for your help
    N

    March 14, 2015 at 10:34 pm #411585
    Josue

    Hi Munford!

    The page you linked is returning 404.

    Cheers!
    Josue

    March 14, 2015 at 10:45 pm #411588
    Munford
    This reply has been marked as private.
    March 14, 2015 at 11:52 pm #411600
    Josue

    Hey!

    Try using a smaller column (here) instead of a 3/5.

    Best regards,
    Josue

    March 15, 2015 at 12:03 am #411601
    Munford

    I tried that but then some of my lines break – the text beside the icons goes to 2 lines.

    March 15, 2015 at 12:16 am #411603
    Josue

    Hi!

    Can you try that first? change it to the size you think is optimal, then we can work the titles with CSS.

    Cheers!
    Josue

    March 16, 2015 at 11:02 am #412018
    Munford

    I have it now in a 1/3 1/3 1/3 layout with the icon list in the center. It looks OK on large screens, but my client was seeing the first icon title running to 2 lines, even on her 13″ screen. Can you take a look? I guess there is not an easy way just to “center” the whole list? Can it be centered in the 1/3 block itself?

    thanks for your help
    N

    March 16, 2015 at 8:14 pm #412524
    Josue

    Hey!

    Try the following code:

    .av_one_third .avia-icon-list .iconlist_title {
    min-width: 320px;
    margin-top: 0 !important;
    position: relative;
    top: 20px;
}

.av_one_third .avia-icon-list .iconlist_content_wrap {
    overflow: visible;
}

    Best regards,
    Josue

    March 16, 2015 at 8:17 pm #412529
    Munford

    that looks good except for on ipads…too large a margin on the left throws it off center.
    Can that be tweaked?

    March 16, 2015 at 8:26 pm #412536
    Josue

    Add this:

    @media only screen and (min-width: 767px) and (max-width: 989px) {
    .av_one_third .avia-icon-list {
        margin-left: -50px;
    }   
}
    March 16, 2015 at 10:58 pm #412646
    Munford

    perfect! thanks so much
    #teamkriesi !

    March 16, 2015 at 11:19 pm #412653
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

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