Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 22, 2025 at 2:49 am #1475524
    bemodesign

    NSFW

    I need to add Reddit social media icon to this. Can you tell me the icon info?

    This is the code for You Tube below. I need the Reddit info please:

    <li class=”social_bookmarks_youtube av-social-link-youtube social_icon_6″><span class=”avia_hidden_link_text”>Youtube</span>

    January 22, 2025 at 2:55 am #1475525
    bemodesign

    and is there a way to make these icons larger?

    January 22, 2025 at 7:09 am #1475538
    Ismael

    Hi,

    Thank you for the inquiry.

    You can use this html to display the reddit icon:

    
 	<li class="social_bookmarks_reddit av-social-link-reddit social_icon_5"><a aria-label="Link to Reddit" href="#" aria-hidden="false" data-av_icon="" data-av_iconfont="entypo-fontello" title="Reddit"><span class="avia_hidden_link_text">Reddit</span></a></li>

    And to adjust the size of the icons, add this css code:

    #footer .social_bookmarks li a {
   font-size: 20px;
   line-height: 20px;
}

    Best regards,
    Ismael

    January 22, 2025 at 7:20 am #1475539
    bemodesign

    Ok thanks. And can I make these even bigger? I tried increasing the numbers in you code, but it just cut off the icons.

    January 22, 2025 at 7:26 am #1475540
    Ismael

    Hi,

    Where can we check the social icons? Please provide the site URL in the private field.

    Best regards,
    Ismael

    January 22, 2025 at 7:27 am #1475541
    bemodesign

    NSFV

    Bottom left widget

    January 22, 2025 at 7:48 am #1475542
    Ismael

    Hi,

    Thank you for the update.

    You can use this css code and adjust the values as needed:

    #top #wrap_all #footer .social_bookmarks {
    height: 80px;
}

#top #footer .social_bookmarks li {
    height: 100%;
    width: 80px;
}

#top #footer .social_bookmarks li a {
    font-size: 48px;
    height: 48px;
    width: 80px;
    line-height: 60px;
}

    Best regards,
    Ismael

    January 22, 2025 at 7:55 am #1475543
    bemodesign

    thanks!

    March 7, 2025 at 5:31 am #1478818
    bemodesign

    NSFW
    Hello, I messed up the below code somehow and now the icons are stacked on each other. See bottom right footer widget on this page. How can I fix this code below so that they are side by side? thanks! https://blissfullcreations.com/

    <ul class=”noLightbox social_bookmarks icon_count_6″>
    <li style=”list-style-type: none;”>
    <ul class=”noLightbox social_bookmarks

    <li class=”social_bookmarks_reddit av-social-link-reddit social_icon_5″><span class=”avia_hidden_link_text”>Reddit</span>

    <li class=”social_bookmarks_youtube av-social-link-youtube social_icon_6″><span class=”avia_hidden_link_text”>Youtube</span>

    <li class=”social_bookmarks_youtube av-social-link-youtube social_icon_6″><span class=”avia_hidden_link_text”>Youtube</span>

    March 7, 2025 at 6:53 am #1478830
    Ismael

    Hi,

    The Reddit social icon has no closing li tag. Please correct the HTML.

    
<ul class="noLightbox social_bookmarks">
 	<li class="social_bookmarks_reddit av-social-link-reddit social_icon_5">
        <a title="Reddit" href="https://www.reddit.com/r/BlissfullCreations" target="_blank" aria-label="Link to Reddit" aria-hidden="false" data-av_icon="" data-av_iconfont="entypo-fontello">
            <span class="avia_hidden_link_text">Reddit</span>
        </a></li>
 	<li class="social_bookmarks_youtube av-social-link-youtube social_icon_6">
        <a title="YouTube" href="https://www.youtube.com/channel/UCQ-MrMjj0FI4mScprdzFlxg" target="_blank" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">
            <span class="avia_hidden_link_text">YouTube</span>
        </a></li>
</ul>

    Best regards,
    Ismael

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