Increasing Font-Awesome Icon size in Content


#1

Hello Friends,

As the name suggest is there a option to increase the size of the icon in the content box as we are trying to make it 85 from th predefined 35 but nothing seems to be happening.
Can somebody share the css code if any for the same


#2

hm, if we are thinking the same thing, then it is pretty straightforward, so just something like this:

.content-box-name i {font-size:2em;}


#3

Please check the image I want to increase the size of the icon


#4

try this
.content-box-name .fontawesome-icon.medium { font-size: 2em; }


#5

Thanks for the reply.
Above code din work :frowning:
Any other solution ?


#6

if you are using the icon as a background you can do something like this

.example:after { font-size: 20px; }

basic is

.example i { font-size: 20px; }

also you can use the fontawesome option icon sizes like this

fa-camera-retro

fa-camera-retro

fa-camera-retro

fa-camera-retro

fa-camera-retro

sizes: (fa-lg, fa-2x, fa-3x, fa-4x, fa-5x)


#7

It’s hard to guess how this element is coded, but I have only one friendly suggestion for you which will help you very much in the future: Learn how to use Google DevTools or Firebug. Inspect the code, test it in live mode, find what you need and save the code.

Best regards, Andrei. :slight_smile:


#8

Thank you

I am little confused, can it be simplified and anybody share some code which I can enter in custom CSS and which will do the magic

I am newbie so need some help

Thank you for patience


#9

Hire someone for custom work: http://studio.envato.com/explore/wordpress-customization