13 posts
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
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

405 posts Code Is Poetry
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 5-6 years
  • Interviewed on the Envato Notes blog
  • Author had a File in an Envato Bundle
  • Europe
  • Author had a Free File of the Month
  • Bought between 10 and 49 items
+3 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
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
WebarooT says

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

134 posts
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Exclusive Author
  • Sold between 1 000 and 5 000 dollars
  • Has been a member for 0-1 years
  • Bought between 10 and 49 items
  • Referred between 1 and 9 users
NestoLab says

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

13 posts
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
WebarooT says

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

181 posts
  • Exclusive Author
  • Sold between 50 000 and 100 000 dollars
  • Bought between 1 and 9 items
  • Has been a member for 4-5 years
  • Austria
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)

1081 posts
  • Forum Superstar
  • Most Wanted Bounty Winner
  • Envato Studio (Microlancer) Beta Tester
  • Author had a Free File of the Month
  • Bought between 50 and 99 items
  • Referred between 50 and 99 users
  • Europe
  • Has been a member for 3-4 years
  • Exclusive Author
+1 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
  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
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

3435 posts Ruben Bristian
  • Most Wanted Bounty Winner
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 6-7 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Won a Competition
  • Bought between 100 and 499 items
  • Exclusive Author
  • Referred between 500 and 999 users
+5 more
KrownThemes says
by
by
by
by
by
by