Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 26, 2016 at 5:21 am #665131
    rpl_admin

    Hi there,
    Using an icon automatically indents the text, but it does so only for two lines of text – the third and subsequent lines are not indented. This looks a bit ugly especially on smaller screen sizes. Any solution?

    Many thanks.

    July 26, 2016 at 7:40 am #665142
    Vinay

    Hey rpl_admin,

    We are glad to help you with this would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    July 26, 2016 at 8:41 am #665158
    rpl_admin

    Hi,

    Please see the link included below. You need to view on smaller screens for the text of each point to go to 3 lines or more (on larger screens you can’t see the phenomenon because the text occupies only 2 lines)

    Thanks,

    Robert

    July 28, 2016 at 3:03 am #666019
    Vinay

    Hi,

    In that case we have to indent the icons please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .page-id-38645 .avia-icon-pos-left {
     margin-right: 0;
    text-indent: -23px;
}

    If you wish to do the same for the whole site please remove .page-id-38645 from the above code.

    Best regards,
    Vinay

    July 28, 2016 at 5:16 am #666042
    rpl_admin

    HI Vinay,

    Many thanks for that but unfortunately that “out-dents” the icon on smaller screen sizes.

    Robert

    July 28, 2016 at 5:20 am #666043
    rpl_admin

    Sorry, on all screen sizes.

    July 31, 2016 at 9:19 am #666953
    Josue

    Hi,

    Try with this:

    p .av_font_icon {
    margin-bottom: 30px;
}

    Best regards,
    Josue

    July 31, 2016 at 10:00 am #666969
    rpl_admin

    Hi Josue & Viney,

    Many thanks. With the last suggestion combined with the page id, we’ve got something much better, on most screens anyway.

    Thanks again,

    Robert

    July 31, 2016 at 4:22 pm #667012
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘icons and indent’ is closed to new replies.