Social Media Icon Size

  • Resolved spmiyamoto

    (@spmiyamoto)


    7 years, 1 month ago

    Is it possible to increase the social media icon size in the Edin theme. The organization I am working for is requesting a larger Facebook icon.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi there. ??

    You can use the following custom CSS to increase the size of the icon:

    ul[id^="menu-social"] a[href*="facebook.com"]:before {
    font-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
}

ul[id^="menu-social"] a[href*="facebook.com"] {
    width: 1.5em;
    height: 2em;
}

    Increase/decrease the value of each of the above arguments from 1.5em to increase/decrease the size further. Please note that increments/decrements of 0.1 are enough to have an impact e.g. 1.6em, 1.7em, etc.

    The one exception is the second height. The value for that needs to be an additional 0.5 to the other values. For example, if you increase the other values to 2em, the second height should have a value of 2.5em.

    Hope that’s helpful! Let me know if extra questions come up.

Viewing 1 replies (of 1 total)
  • The topic ‘Social Media Icon Size’ is closed to new replies.