Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 15, 2015 at 5:06 pm #380117
    oez

    Hi,
    i use icons with hover effect in enfold theme. But i want to use some images instead of icons with hover effect .
    Here is link that i wish to chance page: i wish to chance icons with hover effect and i want to use images instead of icons. Sample images are under the page

    January 15, 2015 at 5:17 pm #380128
    Yigit

    Merhabalar Murat!

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

    .image-overlay.overlay-type-extern .image-overlay-inside:before {
background-image: url(https://www.ide-cso.com/word/wordpress/wp-content/uploads/2014/05/hizmetler_icon_1.gif);
background-size: contain;
}

    Best regards,
    Yigit

    January 15, 2015 at 5:31 pm #380155
    oez
    This reply has been marked as private.
    January 15, 2015 at 5:35 pm #380162
    Yigit

    Hey!

    Simdi anladim. Lutfen oncelikle ALB elementleri icin ozel CSS alanini aktif edip ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) sonrasinda iconlist elementinize ozel bir CSS sinifi verip haberdar eder misiniz?

    Cheers!
    Yigit

    January 15, 2015 at 6:07 pm #380221
    oez
    This reply has been marked as private.
    January 15, 2015 at 6:16 pm #380236
    Yigit

    Hey!

    Gecici admin logini olusturup buraya gizli olarak gonderebilir misiniz? Kaynak kodunda ozel sinifi gorunmuyor.

    Best regards,
    Yigit

    January 15, 2015 at 6:23 pm #380247
    oez
    This reply has been marked as private.
    January 15, 2015 at 6:41 pm #380259
    Yigit

    Hey!

    Lutfen assagidaki kodu Quick CSS bolumune ekleyin

    .oez_icons li.avia_start_animation:nth-child(2) > div:nth-child(1) {
background-image: url(https://www.ide-cso.com/word/wordpress/wp-content/uploads/2014/05/hizmetler_icon_1.gif)!important;
background-size: contain;
background-repeat: no-repeat;
}
.oez_icons li.avia_start_animation:nth-child(3) > div:nth-child(1) {
background-image: url(https://www.ide-cso.com/word/wordpress/wp-content/uploads/2015/01/ilac_1.gif)!important;
background-size: contain;
background-repeat: no-repeat;
}

    Kolay bir yolu olmadigi icin bu sekilde degisiklikleri uygulayabilirsiniz. “li.avia_start_animation:nth-child(2)” bu sayiyi arttirarak bir sonraki ikonu degistirebilirsiniz

    Best regards,
    Yigit

    • This reply was modified 9 years, 10 months ago by Yigit.
    January 15, 2015 at 10:24 pm #380493
    oez
    This reply has been marked as private.
    January 15, 2015 at 10:36 pm #380502
    Yigit

    Sevgili Murat!

    Burada – https://kriesi.at/support/topic/replace-icons-with-hover-effect-with-an-image/#post-380162 yaptigimiz degisikliklerden sonra ikonlist elementimize “oez_icons” ozel CSS sinifini verdik bu sayfadaki ikonlar icin. Baska bir sayfada degisik ikonlar kullanmak istersek, o sayfada olusturdugumuz ikonlist elementine ornegin “oez_icons_second” verebilir sonrasinda buradaki – https://kriesi.at/support/topic/replace-icons-with-hover-effect-with-an-image/#post-380259 kodlardaki “oez_icons” leri “oez_icons_second”a cevirerek kodu kullanabiliriz

    Sevgiler
    Yigit

    January 15, 2015 at 11:10 pm #380513
    oez
    This reply has been marked as private.
    January 15, 2015 at 11:16 pm #380516
    Yigit

    Hey!

    Lutfen bu koduda ekleyin Quick CSS’e 

    .oez_icons span.iconlist-char {
display: none;
}

    Ilk ikonu linklendirmissiniz gibi gozukuyor. Lutfen linkini kaldirmayi deneyin

    Cheers!
    Yigit

    January 16, 2015 at 10:31 am #380672
    oez

    Yigit harikasin!! ise yaradi, calisiyor. Hersey tam istedigim gibi..
    cok tesekkurler
    Sevgiler..
    ——
    Yigit, You’re wonderfull.
    It Works !!
    Thank you..

    January 16, 2015 at 4:43 pm #380844
    Yigit

    Hi!

    Rica ederim Murat, yardimci olabildigime sevindim :) Baska her hangi bir sorunuz veya sorununuz olursa lutfen iletisime gecmekten cekinmeyin.
    Iyi haftasonlari!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘replace icons with hover effect with an image.’ is closed to new replies.