Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 4, 2015 at 12:04 pm #482627
    lassebu

    Hi there, I’m using icons in a text field. How can achieve to align the second text line with the first (follwing the icon)? Somehow I’m struggling to find a solution. Please see website link attached.

    August 4, 2015 at 2:02 pm #482671
    Yigit

    Hey lassebu!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia_textblock p .av-icon-char {
    float: left;
}

    Best regards,
    Yigit

    August 4, 2015 at 3:07 pm #482728
    lassebu

    Thanks for the quick reply Yirgit. After having inserted the code, the second, third, forth… line of text is now aligned with the icon. My intention was to have it aligned with the text in the first line by creating a indent. Could you please advise how to do this?

    • This reply was modified 9 years, 11 months ago by lassebu.
    August 4, 2015 at 3:10 pm #482731
    lassebu

    .

    • This reply was modified 9 years, 11 months ago by lassebu.
    August 5, 2015 at 9:09 am #483147
    lassebu

    Thanks for the quick reply Yirgit. After having inserted the code, the second, third, forth… line of text is now aligned with the icon. My intention was to have it aligned with the text in the first line by creating a indent. Could you please advise how to do this?

    August 5, 2015 at 12:14 pm #483250
    Yigit

    Hey!

    Please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your text block a custom CSS class and then add following code to Quick CSS 

    .your-custom-class p .av-icon-char {
    position: absolute;
    left: -30px;
}
.your-custom-class {
margin-left: 30px; 
}

    P.S.: Self posting pushes your query to the end of our queue. If your case is urgent, please try avoiding it :)

    Regards,
    Yigit

    August 5, 2015 at 4:12 pm #483453
    lassebu

    Thanks Yirgit, looks perfect! Great support!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Icon in text – second line indent’ is closed to new replies.