Okay
  Public Ticket #1977252
Social Media Icons
Closed

Comments

  •  1
    Stefan started the conversation

    Hi there,


    I wondered if you could help me with a very small customisation to the theme. I only want to show an instagram link, but what I'd like to show is the Instagram icon with the text username next to it, all as a link to my insta profile.


    I feel like it can't be a big customisation to do, but I can't work it out.


    Can you help?

  •  291
    Paul replied

    Hi Stefan!

    It could be done with custom CSS. Please first open the theme customizer and go to the "Site Identity" section and select "Icons" for the Social Network Display option.

    After that, please apply this custom CSS:

    .social-icons {
        margin-bottom: 1em;
    }
    .social-icons li {
        font-size: 16px;
    }
    .social-icons li::after {
        color: #000;
        content: 'michuphoto';
        font-size: 11px;
        font-weight: 700;
        margin-left: 5px;
    }
    .social-icons li i {
        vertical-align: middle;
    }
    

    Notice the "michuphoto" value in the code. You can change this for the instagram username. Here is a screenshot of the outcome: https://cl.ly/bdf09ec69438

    I hope it helps!

    Regards,
    Paul

  •  1
    Stefan replied

    Amazing! Thanks so much.