Can someone please help me about an icon?

Technical Q&A
1

Hi,

I’m trying to add ‘’ Instagram Icon ‘’ to Description part. I have it at the bottom of page and found the code, tried to paste to description but it doesn’t work.

Can someone assist me where to add the code to add this ‘’ clickable Instagram icon ‘’ to Description area?

I’m adding a picture to show you better how i want it look like. I just photoshopped it.Who can help me about it?

My url : www.iceypyramid.com

Thank you very much in advance,
Best Regards,

Ekran Görüntüsü (1839).png
Ekran Görüntüsü (1839).png900×926 69.2 KB

Ekran Görüntüsü (1840).png
Ekran Görüntüsü (1840).png1605×757 20.4 KB

Ekran Görüntüsü (1842).png
Ekran Görüntüsü (1842).png908×805 21.1 KB

2

@iceyp ,

  • Instagram

    • Use above code

    3

    @oscprofessional You’re amazing! Thanks a lot, it seems it worked and clickable too but i see there’s ‘’ • ‘’ symbol. Is it possible to remove it?

    Thanks again, high respect!

    WhatsApp Image 2022-03-05 at 1.52.28 AM.jpeg
    WhatsApp Image 2022-03-05 at 1.52.28 AM.jpeg1125×1541 102 KB

    4

    @iceyp

    add direct image

    5

    Thank you for advice but i want to remove only ‘’ • ‘’ symbol. It looks great like that now. • sign just looks weird

    6

    @iceyp

    yes, please add this code

    1. Go to Online Store->Theme->Edit code
    2. Asset->/component-collection-hero.css ->paste below code at the bottom of the file.
    .collection-hero__description li {
    list-style: none !important;
}
.collection-hero__description li a {
    padding-left: 0 !important;
}
    7

    Thanks a lot @KetanKumar , it worked. There’s no symbol anymore!

    And @oscprofessional Much thanks to you as well.

    You guys are incredible!!