Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 20, 2017 at 2:38 am #736154
    timbright

    Hi, I am new to css and was wondering if I could get some help. I have inserted an icon into textblock and written text next to the icon. The text is multiple lines but after the lines get below the icon they move over and under the icon. Is there a way to keep the text aligned just to the right of the icon so its even vertically? Thanks for the help.

    • This topic was modified 7 years, 10 months ago by timbright.
    January 25, 2017 at 12:35 am #738033
    Nikko

    Hey timbright,

    To do this you need to add some class to the paragraph where the icon is added (you will need to right some html code). Example it would look like this:

    <p class="with_icon">[av_font_icon icon='ue800' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' custom_class=''][/av_font_icon] This is the text</p>

    Then on Quick CSS (located in Enfold > General Styling) you add:

    .with_icon {
    position: relative;
    padding-left: 40px;
}

.with_icon .avia-icon-pos-left {
    position: absolute;
    left: 0;
}

    Hope this helps :)

    Best regards,
    Nikko

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