• Resolved feelma

    (@feelma)


    Hi everyone, i’m an Italian guy that likes to do website for my parent’s restaurant and my Dj activity but i have no proper school o someone that have tought me so excuse me if the question is really stupid.

    In the website i’m creating for my DJ profile i have this lateral bar where all the social icons are. I’m able to change the link of them but i don’t understand how i can change some of the images as i don’t need the rss icon but i woud like to put the soundcloud logo and other similar website links.

    This is the part of the code that control the icons and the links, can someone explain me how i can change them? I have tried with the central one called soundcloud but i have only made it disappear the previous icon. I have uploaded the image in media and then changed the name of the previous icon to the new soundloud uploaded one…. but i have do a mistake, i think i’m missing something important.
    Have i to upload the icon somewhere before i can use it in the same way the builder of the theme does?

    
    <div class="social-networks">
    <ul class="unstyled inline">
     	<li class="facebook display-icons"><a title="facebook" href="https://www.facebook.com/" rel="external"> <i class="fa fa-facebook fa-2x"> </i> </a></li>
     	<li class="twitter display-icons"><a title="twitter" href="#" rel="external"> <i class="fa fa-twitter fa-2x">?</i> </a></li>
     	<li class="flickr display-icons"><a title="flickr" href="#" rel="external"> <i class="fa fa-flickr fa-2x">?</i> </a></li>
     	<li class="soundcloud-logo"><a title="soundcloud" href="#" rel="external"> <i class="fa fa-soundcloud-logo fax2">?</i> </a></li>
     	<li class="google-plus display-icons"><a title="google-plus" href="#" rel="external"> <i class="fa fa-google-plus fa-2x">?</i> </a></li>
     	<li class="youtube display-icons"><a title="youtube" href="#" rel="external"> <i class="fa fa-youtube fa-2x">?</i> </a></li>
    </ul>
    </div>
    

    Thanks to everyone who will help

    (Tell me if the site is possible to be seen, i m using a free hosting service while creating it)

    • This topic was modified 7 years, 2 months ago by Jan Dembowski.
    • This topic was modified 7 years, 2 months ago by Jan Dembowski. Reason: Moved to correct sub-forum as this is not a Developing with WordPress topic and fixed formatting

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello Feelma,
    The social icons you are using are called “favicons”. You should not need to upload or change files for them.

    To insert the SoundCloud icon, change the SoundCloud link from:

    <li class="soundcloud-logo"><a title="soundcloud" href="#" rel="external"> <i class="fa fa-soundcloud-logo fax2"> </i> </a></li>

    to:

    <li class="soundcloud-logo"><a title="soundcloud" href="#" rel="external"> <i class="fa fa-soundcloud fa-2x"> </i> </a></li>

    I hope that works for you!

    Thread Starter feelma

    (@feelma)

    worked perfectly, and I have understood a little bit more how to deal with icons
    thanks a lot!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Icon’ is closed to new replies.