0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

Resize Fontawesome

Last Post
Search Topic
    • CC's Avatar
    • CC
    • Rocketeer
    • Posts: 63
    • Thanks: 0
    • Author, publisher, web designer, SEO

    Resize Fontawesome

    Posted 10 years 8 months ago
    • What is the class for resizing Fontawesome icons in Rockettheme Wordpress templates?

      I tried:
      <span class="icon-tablet"></span>
      And I got a tiny icon.

      Then I tried:
      <span class="fa fa-tablet fa-5x"></span>
      And I got no icon.

      I'm sure that the icons can be bigger than tiny in Rockettheme templates. What am I missing here?

      (For info: I'm using Lumiere on Wordpress)

      Any tips would be fantastic, thanks.
    #1138178
    • CC's Avatar
    • CC
    • Rocketeer
    • Posts: 63
    • Thanks: 0
    • Author, publisher, web designer, SEO

    Re: Resize Fontawesome

    Posted 10 years 8 months ago
    • Ignore that question. I figured it out. It's controlled by font size.
    #1138180

  • Re: Resize Fontawesome

    Posted 10 years 1 month ago
    • Can you let me know how to did this? I am trying to figure out the same thing with Joomla Epsilon.

      Thanks,
      Bob
    #1198976

  • Re: Resize Fontawesome

    Posted 10 years 1 month ago
    • And I too figured it out! I should have been a little more persistent (and observant when using 'inspect element')
    #1199203
    • CC's Avatar
    • CC
    • Rocketeer
    • Posts: 63
    • Thanks: 0
    • Author, publisher, web designer, SEO

    Re: Resize Fontawesome

    Posted 10 years 3 weeks ago
    • Hey, sorry for the slow reply. I think you've figured it out, but just for more information, here's what I did:

      I added 'font-size:' to the element. You can add it in the CSS, but I was being lazy. So for my widget with a tablet icon on it, I just threw a span into the HTML to make it look the way I wanted. My span code looks like this:
      <span style="font-size:10em;" class="icon-tablet" ></span>

      The
      font-size:10em;

      Controls the size of the icon, and the:
      class="icon-tablet"

      Controls which icon appears. In this case, I chose the tablet.

      I just put it directly into the widget I was working on, in the position I wanted my tablet to appear in.

      I hope this helps. :)
    #1202336

Time to create page: 0.081 seconds