Using Icons on posts

If you want to use one of the icons within a Post, you’ll need to click the Text tab on the editor and add in the relevant html for the icon.

So for example, click the Text tab and then enter the following html…

<i class="icon-fighter-jet"></i>

If you’d like to increase the size, simply follow the steps on the bottom of that Typography & Icons page for larger icons.

Hope this helps.

I had the same question, this helped! But I wasn’t able to make the social media icons larger. In your CSS, it reads:

/* Social Media icons */
.social-media-icons {
	float: right;
	text-align: right;
	height: 34px;
}

And I thought if I just change it to, for example:

/* Social Media icons */
.social-media-icons {
	float: right;
	text-align: right;
	height: 56px;
}

it would make them larger, but it didn’t work.

What’s the trick?

Sorry, I didn’t see this earlier as it was posted on a resolved topic.

If you want to make the icons larger, then you can simply increase the font-size. eg.

.social-media-icons li {
   font-size: 24px;
}

Thanks Anthony,

I was changing the size in the wrong part of the code as you can see above.

Will post the following related issue as a new thread too since this is topic is resolved:
I have a related problem with the size of the body copy which I want to enlarge. Have tried every piece of the CSS px and rem settings for h5 and h6, but copy hasn’t gotten any larger. Does the copy have another tag than h5 or h6? I couldn’t find anything with body… Had no problems with h1 to make headlines bigger and wp-captions for the captions.

No probs.