Home>Support>font awesome icon size

font awesome icon size

By Steven Orloff, 10 years ago. Last reply by Steven Orloff, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,

I am wanting to use the fa-2x etc code for manually adding FA icons to my page. I noticed you don’t need the ‘fa’ in the code to manually place them on a page. But I can’t work out how to use the fa-2x etc code in the vantage theme.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Steven

    Perhaps you can paste the HTML and or CSS you’re using. You can change the size by setting the font-size: of the container. You can do that in Custom CSS. If you give me what you have so far I can try help out with that.

  2. 10 years, 6 months ago Steven Orloff

    Hi Andrew,

    That’s ok, I know how to do it via CSS with font size, it would just be a lot easier if I could just add the typical FA fa-2x in the icon code to increase its size. As i don’t want to increase the font size of the text next to it equally.

    an example would be where I’m doing a phone number on the page:

    <i class=icon-phone></i> 0439 394 203

    be better if it could just be

    <i class=icon-phone 2x></i> 0439 394 203

    makes coding a bit messy for me to just have to do that to change the icon size.

  3. 10 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    If you wrapped that you could target the i container:

    <div class="contact-details">
<i class=icon-phone></i> 0439 394 203
</div>

    .contact-details .icon-phone { font-size: 20px; }

    Looking at the FA examples you’d need to add the class: fa-2x
    I have a feeling this might have been added after the version included with Vantage and that’s why it’s not working. Sorry about that. We have some legacy issues that haven’t been sorted yet, that’s why the library hasn’t been pushed to the latest version.

  4. 10 years, 6 months ago Steven Orloff

    No worries, thanks for that. If Vantage could be updated to support it would be great.

    thanks for the help.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More