Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 17, 2015 at 12:21 pm #430265
    Sigmund

    Hello @ Kriesi,
    I have had some fun in tranforming the color and shape of the icon list elements with the help of this forum. Now they are not round but square. Now I want to skew them with
    transform:skewX(5deg);
    which works, but the elements inside (icons) are skewed also. How do I only transform the shape, but not the element inside?
    Thanks!

    April 17, 2015 at 4:33 pm #430384
    Yigit

    Hi Sigmund!

    Can you please post the link to your page where we can see the element please?

    Best regards,
    Yigit

    April 17, 2015 at 10:20 pm #430640
    Sigmund
    This reply has been marked as private.
    April 20, 2015 at 3:43 pm #431349
    Yigit

    Hey!

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

    .avia_transform .avia-icon-list .avia_start_animation .iconlist_icon { transform:skewX(5deg); }
.iconlist_icon .iconlist-char {
  transform: skewX(-5deg)!important;
  display: inline-block;
}

    Best regards,
    Yigit

    April 20, 2015 at 4:03 pm #431364
    Sigmund

    That is it!

    Many Thanks and
    Regards

    April 20, 2015 at 4:08 pm #431370
    Yigit

    Hi!

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

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Transform Icon List – but not Elements’ is closed to new replies.