Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 22, 2023 at 1:01 pm #1416853
    Sachs

    HI Mike
    I’m working on placing a social media icon in the footer. There has been added the below css in quick css:
    #footer .widget ul.social_bookmarks {
    display: inline-flex;
    gap: 0px 10px;
    }

    #footer .widget ul.social_bookmarks li {
    border: none
    }

    There is now missing the [social-bookmarks]
    in the child theme functions.php, however I can’t find file in the editor.

    Please could you assist me?

    Many thanks
    Best regards
    Lene

    August 23, 2023 at 8:42 am #1416920
    Ismael

    Hey Lene,

    Thank you for the inquiry.

    Are you referring to the following thread? Please make sure that the code from the previous thread is present in the functions.php file before using the [social-bookmarks] shortcode.

    // https://kriesi.at/support/topic/social-media-icons-in-footer-8/#post-1397572

    You can also display social icons in the footer by enabling the Social Icons option in the Enfold > Footer panel.

    Best regards,
    Ismael

    August 23, 2023 at 1:54 pm #1416955
    Sachs
    This reply has been marked as private.
    August 24, 2023 at 5:35 am #1417014
    Nikko

    Hi Lene,

    Thanks for giving us admin access.
    I have added the code:

    function social_bookmarks_shortcode() {
  $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
  $social = avia_social_media_icons($social_args, false);
  return $social;
}
add_shortcode('social-bookmarks', 'social_bookmarks_shortcode');

    in functions.php of the child theme and it worked properly.
    Please review your website.

    Best regards,
    Nikko

    August 24, 2023 at 9:28 am #1417033
    Sachs
    This reply has been marked as private.
    August 24, 2023 at 1:22 pm #1417046
    Nikko

    Hi Lene,

    If we align it to the left, when you hover over it and shows up as a button then it would not be aligned to the left on hover.
    Should we remove the hover effect and just align it to the left?

    Best regards,
    Nikko

    August 24, 2023 at 2:26 pm #1417061
    Sachs
    This reply has been marked as private.
    August 24, 2023 at 3:28 pm #1417065
    Nikko

    Hi Lene,

    Please try to add this CSS code:

    #top #footer .widget .social_bookmarks {
    margin-top: -10px;
}

    Just adjust the value as you see fit.

    Best regards,
    Nikko

    August 24, 2023 at 6:49 pm #1417085
    Sachs
    This reply has been marked as private.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Social media icon in footer’ is closed to new replies.