Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #239997

    Hi

    I used the following Quick CSS code to change the size of the icons in my icon list:

    .avia-icon-list .iconlist_icon {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 15px!important;}
    .avia-icon-list .iconlist-timeline { left: 25px; }

    …, and it works just fine.
    My problem is, that the right-alignment of the timeline between the icons is not aligned properly. Here is my case:
    I have made a colorsection and devided it by 2x 1/2 sections. In both of them I have an iconlist. In the first 1/2 section the iconlist is right-aligned and the second 1/2 section the iconlist is left-aligned.
    The timeline in the left-aligned iconlist in the second 1/2 section is aligned just fine, but the timeline in the right-aligned iconlist in the first 1/2 section is aligned as if the iconlist was left-aligned, although the icons themselves are right-aligned propperly.

    I hope you understand my problem, and I hope you can help me.

    /Johnny

    #240394

    Hi Jarnis82!

    It’s kind of complicated providing a solution without the URL, is there a chance you can forward that ?

    Regards,
    David

    #240663
    This reply has been marked as private.
    #240751

    Hey!

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

    .avia-icon-list-right .iconlist-timeline {
    left: 95%;
    }

    Regards,
    Yigit

    #240753

    Hi Yigit!

    Fantastic…, it works like a charm.
    Thank you very much.

    Regards,
    Johnny

    #240755

    Hi!

    You are welcome Johnny, glad we could help! :) Let us know if you have any other questions or issues

    Cheers!
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Icon list size and alignment’ is closed to new replies.