Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 19, 2021 at 4:50 am #1333402
    Jules

    I have a couple questions:
    1. As you can see on my site (see URL in Private Content), the Facebook & Instagram icons in the Footer and Socket area are the same. However, the YouTube icons are different. How can I have the Footer YouTube icon look like the Socket YouTube icon (more modern)? Note: I plan on removing the Social Media icons from the Socket and keep them in the Footer.

    2. In the Footer area, I would like to increase the size of the Social Media icons. I’ve searched the Enfold Documentation and Forum, but I could not find anything.

    3. Last, how can I change the Yellow color (prior to Hover) for my Social Media icons?

    I greatly appreciate any assistance you can offer. Thank you.

    December 19, 2021 at 5:14 am #1333408
    Mike

    Hey Julio,
    It looks like the footer icons are html pasted into a text widget, is this correct?
    If so please include an admin login and we can adjust the html to use the icon in the socket.
    to increase the icons try this css:

    #footer .social_bookmarks li a {
width: 50px!important; 
line-height: 50px!important; 
min-height: 50px!important; 
font-size: 30px;
}

#footer .social_bookmarks li {
height: 50px!important; 
width: 50px!important; 
}

#footer .social_bookmarks {
    height: 60px!important;
}

    As to changing the green-yellow color of the icons, what color do you want them to be?

    Best regards,
    Mike

    December 19, 2021 at 6:23 am #1333413
    Jules
    This reply has been marked as private.
    December 19, 2021 at 2:08 pm #1333437
    Mike

    Hi,
    Thank you, I adjusted the icon and color, please clear your browser cache and check.

    Best regards,
    Mike

    December 19, 2021 at 5:46 pm #1333456
    Jules

    Thanks Mike,
    It worked perfectly. I was adding some CSS code to remove the vertical lines between the Social Media icons and it worked, but my senile-self inadvertently removed something in my Quick CSS that removed the spacing between the icons.

    My sincere apologies for this extra request. Your help (again) would be greatly appreciated. Thank you!!!

    Best Regards,
    Julio

    UPDATE:
    I added this CSS code below. It appears to work, but in the spirit of learning and sharing with others, I wanted your input – please. I also noticed that when I hover over the Social Media icons in the footer, the colors appear to expand more above and below the icons. Can this be corrected? Thanks AGAIN for your help!!!

    • This reply was modified 3 years ago by Jules.
    December 19, 2021 at 5:59 pm #1333458
    Mike

    Hi,
    I corrected, please clear your browser cache and check.

    Best regards,
    Mike

    December 19, 2021 at 6:04 pm #1333461
    Jules

    Mike,
    Cannot THANK YOU enough!!! You and the other Enfold Moderators are absolutely awesome. I truly appreciate ALL the help and support.
    Have a wonderful day!!!

    Best Regards,
    Julio

    December 19, 2021 at 6:40 pm #1333462
    Mike

    Hi,
    Thank you 🙂 glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Footer & Socket Social Media Icons – How to increase the icon size’ is closed to new replies.