-
AuthorPosts
-
May 14, 2018 at 4:27 pm #956520
Hi, I would like to add my social media link via my footer widget.
But it didn’t go through to each social pages. Would you check my html code? Something wrong?————-
<html>
<head>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”>
<style>
.fa {
padding: 20px;
font-size: 30px;
width: 70px;
text-align: center;
text-decoration: none;
margin: 5px 5px;
}.fa:hover {
opacity: 0.7;
}.fa-facebook {
background: #3B5998;
color: white;
}
.fa-instagram {
background: #125688;
color: white;
}
</style>
</head>
<body>
May 14, 2018 at 5:50 pm #956558Hey Erin,
Not sure if i understood you clearly however i checked your code in widget and corrected it by adding following code to Appearance > Editor > Functions.php
/** * Enqueue font-awesome styles */ function av_enqueue_fa() { wp_enqueue_style( 'font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' ); } add_action( 'wp_enqueue_scripts', 'av_enqueue_fa' );
following code to Enfold theme options > General Styling > Quick CSS
.fa { padding: 20px; font-size: 30px; width: 70px; text-align: center; text-decoration: none; margin: 5px 5px; } .fa:hover { opacity: 0.7; } .fa-facebook { background: #3B5998; color: white; } .fa-instagram { background: #125688; color: white; }
and kept only following in your widget
<a href="www.facebook.com/dongbucandi" class="fa fa-facebook"></a> <a href="www.instagram.com/dongbucandi" class="fa fa-instagram"></a>
Could you please check your website again and elaborate if you are still having issues? Also, we would recommend you to use a child theme – https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#why-child-theme and update the theme to the latest version 4.3.2 – https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. You can check out the most recent news here – https://kriesi.at/blog
Best regards,
YigitMay 14, 2018 at 6:10 pm #956580Thank you for the help.
But it still doesn’t go through…
I think when I click facebook icon, it showed like this.
http://www.dongbucandi.com/www.facebook.com/dongbuciHow can I remove “www.dongbucandi.com”?
I think this is the problem, right?- This reply was modified 6 years, 7 months ago by Skytaya2727.
May 14, 2018 at 6:16 pm #956584Hey!
Oh, that is because you were missing https:// in front of your links. I added them. Please review your website.
Best regards,
YigitMay 14, 2018 at 6:16 pm #956588Hi,
Did you include the full URL to your social profiles? Also, make sure you are adding http:// before the social link.
Best regards,
Jordan Shannon -
AuthorPosts
- You must be logged in to reply to this topic.