Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #380117

    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

    #380128

    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

    #380155
    This reply has been marked as private.
    #380162

    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

    #380221
    This reply has been marked as private.
    #380236

    Hey!

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

    Best regards,
    Yigit

    #380247
    This reply has been marked as private.
    #380259

    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, 2 months ago by Yigit.
    #380493
    This reply has been marked as private.
    #380502

    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

    #380513
    This reply has been marked as private.
    #380516

    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

    #380672

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

    #380844

    Hi!

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

    Best regards,
    Yigit

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