Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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”&gt;
    <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>


    </body>
    </html>

    #956558

    Hey 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,
    Yigit

    #956580

    Thank 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/dongbuci

    How can I remove “www.dongbucandi.com”?
    I think this is the problem, right?

    • This reply was modified 6 years, 7 months ago by Skytaya2727.
    #956584

    Hey!

    Oh, that is because you were missing https:// in front of your links. I added them. Please review your website.

    Best regards,
    Yigit

    #956588

    Hi,

    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

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.