Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 4, 2020 at 4:50 am #1219280
    Itai

    Hello,
    I’m trying to get social media icons in my footer (the same right alignment as the socket (left visible for reference), but aligned to the bottom of the footer text)
    https://heaven11audio.com/billie-stereo-intergrated-amplifier/

    I have entered this code in the html widget

    <br><br><br><br>
<ul class='noLightbox social_bookmarks icon_count_4'><li class='social_bookmarks_facebook av-social-link-facebook social_icon_1'><a target="_blank" aria-label="Link to Facebook" href='//www.facebook.com/heaven11audio' aria-hidden='false' data-av_icon='' data-av_iconfont='entypo-fontello' title='Facebook' rel="noopener noreferrer"><span class='avia_hidden_link_text'>Facebook</span></a></li><li class='social_bookmarks_instagram av-social-link-instagram social_icon_2'><a target="_blank" aria-label="Link to Instagram" href='//www.instagram.com/heaven11audio/' aria-hidden='false' data-av_icon='' data-av_iconfont='entypo-fontello' title='Instagram' rel="noopener noreferrer"><span class='avia_hidden_link_text'>Instagram</span></a></li><li class='social_bookmarks_pinterest av-social-link-pinterest social_icon_3'><a target="_blank" aria-label="Link to Pinterest" href='//www.pinterest.com/heaven11audio/' aria-hidden='false' data-av_icon='' data-av_iconfont='entypo-fontello' title='Pinterest' rel="noopener noreferrer"><span class='avia_hidden_link_text'>Pinterest</span></a></li><li class='social_bookmarks_twitter av-social-link-twitter social_icon_4'><a target="_blank" aria-label="Link to Twitter" href='//twitter.com/heaven11audio' aria-hidden='false' data-av_icon='' data-av_iconfont='entypo-fontello' title='Twitter' rel="noopener noreferrer"><span class='avia_hidden_link_text'>Twitter</span></a></li></ul>

    and added this to the quick CSS:
    .widget .social_bookmarks li { clear: none !important; }

    But all I see is the first icon, the others are hidden.

    What am I doing wrong here?

    Thanks

    June 4, 2020 at 7:03 pm #1219505
    Itai

    now they appear… I clear and reclear the cache and it always gets me. IDK what I need to do about that. Tried shift, purge, cloudflare dev mode…anyways:

    -Is there a way to specify circular mouseovers instead of the square ones we’re getting now?
    -and a right alignment?

    Thanks.

    June 5, 2020 at 7:19 am #1219685
    Rikard

    Hi,

    Please try this CSS as well:

    #footer .social_bookmarks ul li a {
    border-radius: 100%;
}

    I’m not sure what you mean by right alignment though?

    Best regards,
    Rikard

    June 6, 2020 at 6:26 pm #1220068
    Itai

    Hey Rikard,

    This is what I mean by right alignment. Basically, if possible, I would like that the icons be aligned to the right-most item on my nav bar -or at least to the right, avoiding the ‘top’ link. (also bottom-aligned in the footer widget)
    https://imgur.com/a/beYL0rD

    link to page with footer: https://heaven11audio.com/billie-stereo-intergrated-amplifier/

    Thanks so much,

    Itai

    June 8, 2020 at 3:35 am #1220349
    Rikard

    Hi,

    Thanks for the clarification. If it goes all the way to the right then the scroll to top button will cover the icons, but you can try this to see if you like the results:

    #footer .icon_count_4 {
  padding-left: 15%;
}

    Best regards,
    Rikard

    June 9, 2020 at 11:10 pm #1221004
    Itai

    Ok. I understand. You can mark this as resolved. Thanks Rikard.

    June 9, 2020 at 11:40 pm #1221008
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘social icons in footer’ is closed to new replies.