This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

font awesome icon size

Resolved 4 replies premiumthemetheme-vantage
Steven Orloff
11 years ago · Last reply by Steven Orloff 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 11 years, 2 months ago

    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. Steven Orloff 11 years, 2 months ago

    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. Andrew Misplon Staff 11 years, 2 months ago

    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. Steven Orloff 11 years, 2 months ago

    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.

Have a different question or issue?

Start New Thread