New to the community? Start here

[Hustle Pro] What's the CSS to increase the size of the icons?

Hello,
Can you tell me the CSS that’ll increase the size of the icons and fonts inside of them? I looked for it, but couldn’t find it. I just spoke to Vaughn and was given this CSS (below), but it doesn’t work. If you look at this page, for example, you’ll see that the icons are way too small: https://www.leesleyfilms.net/our-current-project/movie-actors-actresses-for-the-film-apparition-page-i/

Thanks.
JL
Wrong CSS:
.hustle-ui .hustle-social.hustle-social–outlined a[class*=hustle-share-] [class*=hustle-icon-social-] {
width: 40px;
height: 40px;
font-size: 20px;
}
width & height will increase the circle part.
font-size increases the size of the icon inside the circle

Thu, 5 Dec 2019 20:20:04
More Hustle Pro discussions
Hustle Pro
  • Nebu John
    • FLS

    Hi James Leesley ,

    Hope you are doing good and thank you for reaching out to us.

    Sorry to know that the CSS provided during the live chat was not helpful. The following CSS should help you with increasing the size of social icons. 

    .hustle-ui .hustle-social.hustle-social--outlined a[class*=hustle-share-] [class*=hustle-icon-social-] {
    width: 40px;
    height: 40px;
    font-size: 20px;
}

    Please note, there are two dashes in between social and outlined.

    Kind Regards,
    Nebu John

  • Nebu John
    • FLS

    Hi James Leesley ,

    There is only a minor difference, that’s in the class name. The class names provided during the chat is as follows:

    .hustle-ui .hustle-social.hustle-social–outlined

    While the correct one is as follows:

    .hustle-ui .hustle-social.hustle-social--outlined

    Please note, the number of ‘ – ‘ (dash) in between social and outlined.

    However, as the support access was granted, I checked this further and added a new CSS with follows at Appearance >> Customize >> Additional CSS and it works fine. 

    .hustle-social ul li i {
    width: 45px !important;
    height: 45px !important;
    font-size:20px !important;}

    Please let us know if you need any further assistance.

    Kind Regards,
    Nebu John