13 posts
  • Has collected 1+ items on Envato Market
WebarooT says

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

445 posts Code Is Poetry
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Made it to the Authors' Hall of Fame
+7 more
gljivec says

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;}

13 posts
  • Has collected 1+ items on Envato Market
WebarooT says

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

174 posts
  • Sells items exclusively on Envato Market
  • Has sold $1,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
  • Has referred 1+ members
+2 more
NestoLab says

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

13 posts
  • Has collected 1+ items on Envato Market
WebarooT says

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

288 posts WeNotMe
  • Has been part of the Envato Community for over 4 years
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has referred 1+ members
  • Elite Author: Sold more than $75,000 on Envato Market
+3 more
codeex says

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

<p><i class="fa fa-camera-retro fa-lg" /> fa-camera-retro</p>
<p><i class="fa fa-camera-retro fa-2x" /> fa-camera-retro</p>
<p><i class="fa fa-camera-retro fa-3x" /> fa-camera-retro</p>
<p><i class="fa fa-camera-retro fa-4x" /> fa-camera-retro</p>
<p><i class="fa fa-camera-retro fa-5x" /> fa-camera-retro</p>

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

1291 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 50+ items on Envato Market
+5 more
Smartik says

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. :)

13 posts
  • Has collected 1+ items on Envato Market
WebarooT says

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

3711 posts Ruben Bristian
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
  • Has been part of the Envato Community for over 6 years
+10 more
KrownThemes says

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by