• Resolved bertrandv

    (@bertrandv)


    Hi!

    Is there any way to easily add social media icons + link in the footer (below the copyright)?

    Thank you for your help!
    Bertrand

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @bertrandv,

    You would have to create a Hamilton child theme, copy-paste the footer.php file from Hamilton to it, add the content you want in the footer and style it in the child theme stylesheet.

    — Anders

    Thread Starter bertrandv

    (@bertrandv)

    I’m trying to display an instagram logo linked to my instragram.

    Here is the code I enter in the footer file:

    <p>
    		<div class="social-icons">
    			<a href="My insta URL"> <img scr "Link to insta logo registered in my media library"
    			width="35"
    			height="35"/></a>
    			<a /a>
    	</div>

    It doesn’t display anything…

    Theme Author Anders Norén

    (@anlino)

    Can you post a link to the web page where you want it displayed?

    Thread Starter bertrandv

    (@bertrandv)

    https://www.bertrand-vergereau.com/

    In the footer, below the copyright. I just started my website, so it’s not very advanced.

    Theme Author Anders Norén

    (@anlino)

    Your link/image HTML is malformed, so it doesn’t display correctly. Try this:

    <div class="social-icons">
    	<a href="https://www.instagram.com">
    		<img scr="https://www.abc.com" width="35" height="35"/>
    	</a>
    </div>

    And replace the URLs for the link and the image.

    Thread Starter bertrandv

    (@bertrandv)

    Done. It still doesn’t seem to work… I can display text below the copyright but not the image.

    Maybe is it the image I’m using which cannot be displayed?

    Here is the whole footer code:

    <footer class="site-footer section-inner">
    
    	<!-- wp:separator -->
    	<hr class="wp-block-separator"/>
    	<!-- /wp:separator -->
    	
    	<p>? <?php echo date( Y ); ?> <?php bloginfo( ‘name’ ); ?>
    	<p>
    		<div class="social-icons">
    			<a href="https://www.instagram.com/_lightcatcher_/"><img scr "https://www.bertrand-vergereau.com/wp-content/uploads/2019/01/Instagram-Icon.jpg"/></a>
    			<a /a>
    	</div>
    	
    
    </footer> <!-- footer -->
    
    <?php wp_footer(); ?>
    
    </body>
    </html>
    Thread Starter bertrandv

    (@bertrandv)

    Edit: I managed to display them by using font-awesome icons.

    More info here for those interested: https://www.w3schools.com/howto/howto_css_social_media_buttons.asp

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Add social media in footer’ is closed to new replies.