Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 16, 2017 at 3:43 pm #864853
    taina0

    Hello

    1) I would like to delete the animation when I set an icon. There is a white circle when I hover with the mouse. How can I change it in style.css so I don’t have this.

    2) I would like to have the icons in “Icon list” bigger. Do you have the css-code for that?

    Thank you for helping and kind regards
    Nicole

    October 19, 2017 at 3:30 am #866035
    Ismael

    Hey taina0,

    Thank you for using Enfold.

    1.) Please use the following css code to remove the sonar effect.

    .av_font_icon.av-icon-style-border .av-icon-char:after {
    box-shadow: none;
}

    2.) Use this to increase the size of the icon.

    .avia-icon-list .iconlist_icon {
    height: 128px;
    width: 128px;
    line-height: 128px;
    font-size: 60px;
}

    Best regards,
    Ismael

    October 19, 2017 at 7:50 pm #866423
    taina0

    Hello Ismael

    Thank you for your help.

    The code for the sonar effect doesn’t work… Do you have another one?

    The other code works! Thank you!

    I have just another question: How can I stop the animation that the images/texts just grow up when I scroll down on the page?

    Can you help me for this problem?

    Thank you and kind regards
    Nicole

    October 21, 2017 at 5:35 am #866954
    Ismael

    Hi,

    1.) Please replace it with.

    .av_font_icon.av-icon-style-border .av-icon-char:after {
    display: none;
}

    2.) Use this to disable the “scale” and “opacity” animation.

    .avia_transform .avia-icon-list.av-iconlist-big .iconlist_icon {
    opacity: 1;
    -webkit-transform: scale(1);
    --ms-transform: scale(1);
    transform: scale(1);
}

.avia_transform .avia-icon-list.av-iconlist-big .avia_start_animation .iconlist_icon {
    -webkit-animation: none;
    animation: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

    Best regards,
    Ismael

    October 22, 2017 at 7:03 pm #867274
    taina0

    Hello Ismael

    Thank you!! The number 1 works but the code with the animation doesn’t. Do you have another solution?

    Thank you and kind regards
    Nicole

    October 24, 2017 at 3:59 am #867947
    Ismael

    Hi,

    I can’t see the code 2nd code when I inspected the site. Did you remove it? Please post the login details so that we can test it.

    Best regards,
    Ismael

    October 24, 2017 at 10:53 am #868075
    taina0

    Hi Ismael

    Sorry, I did it a second time. It works at icon-list but not at “icon”.
    I need it also for that. Can you give me the code for this too please?

    Thank you so much for your help.

    Kind regards
    Nicole

    October 25, 2017 at 4:37 am #868518
    Ismael

    Hi,

    Please use this code for the standard icon element. 

    .avia_transform .avia_start_delayed_animation.av_font_icon, .avia_transform .av_font_icon {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

    The site is on maintenance mode.

    Best regards,
    Ismael

    October 25, 2017 at 9:31 am #868622
    taina0

    Perfect, thank you so much Isamel!
    Best regards
    Nicole

    October 25, 2017 at 5:40 pm #868846
    Victoria

    Hi Nicole,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.