Home › Forums › WoodMart support forum › Instagram
- This topic has 9 replies, 2 voices, and was last updated 5 years ago by
Elise Noromit.
-
AuthorPosts
-
August 20, 2020 at 1:30 pm #220064
TwoCo-Clothing2015ParticipantCan you please help me to get the Instgram logo like in the example
Attachments:
You must be logged in to view attached files.August 20, 2020 at 9:49 pm #220148
Elise NoromitMemberHello,
Please upload a bigger image or provide a screen. I cannot see anything on the image.
Best Regards
August 21, 2020 at 8:09 am #220221
TwoCo-Clothing2015ParticipantCan you please help me get the instagram logo like in the example?
(hover effect)Attachments:
You must be logged in to view attached files.August 21, 2020 at 8:28 am #220234
Elise NoromitMemberHello,
Please follow the instruction provided here: https://xtemos.com/docs/woodmart/faq-guides/setup-instagram-api/
Best Regards
August 21, 2020 at 10:50 am #220272
TwoCo-Clothing2015ParticipantI 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.August 21, 2020 at 2:12 pm #220351
Elise NoromitMemberHello,
Please have a look at the demo https://woodmart.xtemos.com/instagram/
Which one do you want? Please specify the title.
Best Regards
August 23, 2020 at 1:55 pm #220640
TwoCo-Clothing2015ParticipantPlease 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.August 24, 2020 at 8:20 am #220801
Elise NoromitMemberHello,
WoodMart and Basel are different themes. WoodMart does not have this option, unfortunately.
Best Regards,
August 26, 2020 at 6:44 am #221287
TwoCo-Clothing2015ParticipantYou can certainly display the Instagram logo with CSS, I’m sure of that.
August 26, 2020 at 9:19 am #221333
Elise NoromitMemberHello,
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
-
AuthorPosts
- You must be logged in to create new topics. Login / Register