ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• July 22, 2015 at 12:39 pm #196670
  Msmith

  Member

  Post count: 41

  Hello!

  I’d like to know what custom css I can use to make the fa icons on my site larger.

  Thanks!

  July 22, 2015 at 1:53 pm #196703
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  What specific pages or sections were you looking to do this on?

  The FontAwesome icon sizing is controlled by adding different CSS classes. Ex:

  To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5xclasses. <i class="fa fa-camera-retro fa-lg"></i>

  Full documentation here: http://fortawesome.github.io/Font-Awesome/examples/

  – David.

  July 22, 2015 at 4:11 pm #196755
  Msmith

  Member

  Post count: 41

  Hi David,

  Thanks for your response. Does this go for wherever a icon is placed, like within the standard icon box. (That’s where I’ll be placing it.)

  July 23, 2015 at 7:22 am #196929
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .sf-icon-box h3 > i, .sf-icon-box h3 > a > i {
      font-size: 38px !important;
  }

  Thanks
  Mohammad

  August 25, 2015 at 1:17 pm #207233
  Msmith

  Member

  Post count: 41

  Fixed! Thank you!

  August 25, 2015 at 1:22 pm #207243
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Glad 🙂 to help you.
  Thanks
  Mohammad

  August 25, 2015 at 2:10 pm #207285
  David Martin – Support

  Moderator

  Post count: 20834

  Thanks Mohammad, marking as resolved.

  – David.

• Back to forum

  Posted in: Cardinal