Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 5, 2022 at 4:01 pm #1357295
    newmediologo

    Hi all..

    I need to put the Social Media Icons in a footer widget and not in the socket.. I need to use four icons: Facebook, Linkedin, Instagram and Mail..

    The site have not a child theme.,

    I’ve tried several codes from past post but without results..

    Can anyone help me..?

    Thank You very much

    July 5, 2022 at 6:59 pm #1357324
    Rikard

    Hey newmediologo,

    Please try using markup like this:

    <ul><li class='social_bookmarks_facebook av-social-link-facebook social_icon_1'><a target="_blank" aria-label="Link to Facebook" href='https://facebook.com/#' aria-hidden='false' data-av_icon='' data-av_iconfont='entypo-fontello' title='Facebook' rel="noopener"><span class='avia_hidden_link_text'>Facebook</span></a></li><li class='social_bookmarks_linkedin av-social-link-linkedin social_icon_2'><a target="_blank" aria-label="Link to LinkedIn" href='https://linkedin.com/#' aria-hidden='false' data-av_icon='' data-av_iconfont='entypo-fontello' title='LinkedIn' rel="noopener"><span class='avia_hidden_link_text'>LinkedIn</span></a></li><li class='social_bookmarks_instagram av-social-link-instagram social_icon_3'><a target="_blank" aria-label="Link to Instagram" href='https://instagram.com/#' aria-hidden='false' data-av_icon='' data-av_iconfont='entypo-fontello' title='Instagram' rel="noopener"><span class='avia_hidden_link_text'>Instagram</span></a></li><li class='social_bookmarks_mail av-social-link-mail social_icon_4'><a  aria-label="Link to Mail" href='#' aria-hidden='false' data-av_icon='' data-av_iconfont='entypo-fontello' title='Mail'><span class='avia_hidden_link_text'>Mail</span></a></li></ul>

    Best regards,
    Rikard

    July 5, 2022 at 8:01 pm #1357328
    newmediologo

    Thanks @Rikard, icons were displayed but have vertical alignment, I need they stay horizontally..

    Thanks..

    July 5, 2022 at 8:17 pm #1357332
    Rikard

    Hi,

    Please try this in Quick CSS:

    .widget li {
    display: inline-block;
}

    Best regards,
    Rikard

    July 6, 2022 at 8:42 am #1357357
    newmediologo

    Thanks @rikard.. I’ve added a padding or the icons were displayed all togheter,,

    .widget li {
    display: inline-block; padding; 10px;
}

    Just a little help more.. I need to have the icons a little bit bigger.. Thanks..

    • This reply was modified 2 years, 4 months ago by newmediologo. Reason: Insert site link
    July 6, 2022 at 9:37 am #1357369
    Rikard

    Hi,

    Please try this CSS as well:

    .widget li a:before {
    font-size: 20px; 
}

    Best regards,
    Rikard

    July 6, 2022 at 9:42 am #1357372
    newmediologo

    Ok @rikard it works but may be better if the icons have the same behavior with mouse-over as the default icons that are are on the the of the page..

    Apologize me for boring You..

    Thank You very much..

    July 6, 2022 at 10:05 am #1357374
    Rikard

    Hi,

    Please try this CSS as well:

    .widget li a {
    float: left;
    width: 30px;
    line-height: 30px;
    display: block;
    margin: 0px;
    outline: none;
    padding: 0;
    min-height: 30px;
    height: 100%;
    overflow: visible;
    z-index: 2;
    position: relative;
    text-align: center;
}

    Best regards,
    Rikard

    July 6, 2022 at 10:08 am #1357376
    newmediologo

    Hi @rikard.. Perfect.. Thank You very much..:) But the widget with the last posts is disappeared..

    • This reply was modified 2 years, 4 months ago by newmediologo.
    July 6, 2022 at 11:03 am #1357383
    Rikard

    Hi,

    Try to replace .widget with #custom_html-2.

    Best regards,
    Rikard

    July 6, 2022 at 11:08 am #1357385
    newmediologo

    Right @rikard.. Works..!

    sintax is #custom_html-2 or #custom_html-2.

    Thank You very Much..

    July 6, 2022 at 11:33 am #1357386
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 6, 2022 at 11:35 am #1357387
    newmediologo

    Thanks @rikard.. You ca close..

    Thank You very much again..:)

    July 6, 2022 at 12:00 pm #1357389
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Social Media Icons in a footer Widget’ is closed to new replies.