Okay
  Public Ticket #1331051
Social Icons
Closed

Comments

  • Paul started the conversation

    How do I get the social icons to link to my social pages. My last attempt was :

    <div class="social-ico s-facebook">

    <a href="https://www.facebook.com/tripledistilledrockband/"  target="_blank">

    </a></div>

  • Paul replied

    I looked back and found this support ticket that explained the social icons.


    4. In the index file, you will see this code:

    <div class="social-ico s-facebook"></div>
    <div class="social-ico s-youtube"></div>
    <div class="social-ico s-plus"></div>
    <div class="social-ico s-twitter"></div>
    <div class="social-ico s-soundcloud"></div>

    Just change it to:

    <a href="link-to-social-network" class="social-ico s-facebook"></a>
    <a href="link-to-social-network" class="social-ico s-youtube"></a>
    <a href="link-to-social-network" class="social-ico s-plus"></a>
    <a href="link-to-social-network" class="social-ico s-twitter"></a>
    <a href="link-to-social-network" class="social-ico s-soundcloud"></a>

    That kind of worked.  I only want two Icons, but yet want to keep the placement in the W shape. So I replaced the icons I didn't want on the icons\social-icons.png page with a X character.  

    My temp site is at www.tripledistilled.hidefdigital.com. That worked well for the desktop, but for the mobile the icons were a mess.  What do I need to change in the code, to make the mobile work?

  • Paul replied

    Forgot... Here is my current code.

    <div class="social-ico s-plus"></div>
    <div class="social-ico s-plus"></div>
    <div class="social-ico s-plus"></div>
    <a href="https://www.facebook.com/tripledistilledrockband/" target="_blank" class="social-ico s-facebook">  </a>               
    <a href="https://www.soundcloud.com/user-861532893" target="_blank" class="social-ico s-facebook"> </a>           

  • Paul replied

    The social-ico s-plus is now where I have an X character on the   icons\social-icons.png    image file.

  •  850
    Jelly replied

    Hi,

    I tried access your temp site and seem it not work with sonorama template.

    Best Regards,
    Jelly Team

  • Paul replied

    One other question:  Can I change the font on the top left logo(next to the bouncing audio bar image) to match the font I used on the welcome logo?

  •  850
    Jelly replied

    Hi,

    For the social icon center, please add the css code in the path: Appearance -> Theme Editor -> Style.css, please put it in the end of the file:

    .footer-container {
        text-align: center;
    }

    Yes, it's possible but you will need integration your font in our theme to change it to the font family as your wish. To set font family, you will need use this class name and example custom style below:

    .symbol {
        font-family: 'Open Sans', sans-serif;
    }

    Change the Open Sans to your font name after you're integration your font in our theme.

    Best Regards,
    Jelly Team