Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 24, 2015 at 9:36 am #478083
    klaaba

    Hi,

    to build a page we are using the icon list. The icons are on the left, the text is like a second row. Please see here:

    http://awesomescreenshot.com/08f53e11b6

    We would like to use an icon element (inline) as a shortcut in a text block. But then the text is flowing around the font-icon.

    http://awesomescreenshot.com/0cd53e3le7

    How can we achieve that the icon box is using padding-bottom (?) like the icon list?

    Kind regards,
    Klaus Baqué

    July 24, 2015 at 10:23 am #478105
    Guenni007

    Well you can give to that text block a css custom class (see how to activate custom class on alb elements)
    i gave the textblock the class: iconinline

    than i did the following:

    .iconinline p {
    margin-left: 50px;
}

.iconinline .av_font_icon {
    margin-left: -50px;
    position: relative;
    top: -5px;
}

    with top value you can shift the icon
    try it

    • This reply was modified 9 years, 3 months ago by Guenni007.
    July 24, 2015 at 10:33 am #478110
    Basilis

    Hey!

    I think you got it solved.
    Let us know if you need anything else, related to our themes.

    Best regards,
    Basilis

    July 24, 2015 at 10:45 am #478117
    klaaba

    Hi,

    thanks for your quick answer!

    Solved!

    Thank you very much.

    Kind regards,
    Klaus

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Layout of icon lists in text area’ is closed to new replies.