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
Hi Jarnis82!
It’s kind of complicated providing a solution without the URL, is there a chance you can forward that ?
Regards,
David
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
Hi Yigit!
Fantastic…, it works like a charm.
Thank you very much.
Regards,
Johnny