Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 29, 2017 at 10:33 pm #883202
    mcraig77

    Ahoy,

    I need my icon and text to line up on the same line – centered. Please Advise how to do this. Ideally I would like the icon higher and closer to the text.

    Please Advise,

    Thanks!

    December 1, 2017 at 11:03 am #883822
    Rikard

    Hey mcraig77,

    I’m not sure what you are looking to achieve there, please try to explain a bit further.

    Best regards,
    Rikard

    December 1, 2017 at 10:17 pm #884011
    mcraig77

    I would like the icon the be on the same height the text. Like this (see screenshot)

    December 5, 2017 at 10:53 pm #885240
    Basilis

    Hi,

    You can make the icon to have a verical-align CSS class which can position on the same height as the rest area.

    Best regards,
    Basilis

    December 6, 2017 at 9:35 pm #885775
    mcraig77

    Hm, ok. How do I do this?

    December 7, 2017 at 3:21 pm #886117
    Yigit

    Hi,

    Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your Text Block element and give it a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab

    .my-custom-class .av-icon-char {
    line-height: 30px!important;
}

    Best regards,
    Yigit

    December 7, 2017 at 9:55 pm #886232
    mcraig77

    Thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Line up icon and text on same line’ is closed to new replies.