Home Forums WoodMart support forum Instagram

Instagram

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #220064

    TwoCo-Clothing2015
    Participant

    Can you please help me to get the Instgram logo like in the example

    Attachments:
    You must be logged in to view attached files.
    #220148

    Hello,

    Please upload a bigger image or provide a screen. I cannot see anything on the image.

    Best Regards

    #220221

    TwoCo-Clothing2015
    Participant

    Can you please help me get the instagram logo like in the example?
    (hover effect)

    Attachments:
    You must be logged in to view attached files.
    #220234

    Hello,

    Please follow the instruction provided here: https://xtemos.com/docs/woodmart/faq-guides/setup-instagram-api/

    Best Regards

    #220272

    TwoCo-Clothing2015
    Participant

    I didn’t want to know how to connect instagram. I wanted to know how to get the instagram logo in the middle.
    like you do with your theme basel & Co, have pictures with the
    arrow at the Instagram.

    Attachments:
    You must be logged in to view attached files.
    #220351

    Hello,

    Please have a look at the demo https://woodmart.xtemos.com/instagram/

    Which one do you want? Please specify the title.

    Best Regards

    #220640

    TwoCo-Clothing2015
    Participant

    Please have a look at the Instagram bar on the link below: http://s686619812.online.de/start

    The Instagram logo should hover there
    is displayed.

    See image.

    Attachments:
    You must be logged in to view attached files.
    #220801

    Hello,

    WoodMart and Basel are different themes. WoodMart does not have this option, unfortunately.

    Best Regards,

    #221287

    TwoCo-Clothing2015
    Participant

    You can certainly display the Instagram logo with CSS, I’m sure of that.

    #221333

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .instagram-picture .wrapp-picture a {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .instagram-picture .wrapp-picture a:after {
      content: "\f163";
      font-family: woodmart-font;
      font-size: 60px;
      color: white;
      transition: all .3s ease;
      opacity: 0;
    }
    .instagram-picture:hover .wrapp-picture a:after  {
      opacity: 1;
    }

    Best Regards

Viewing 10 posts - 1 through 10 (of 10 total)