Title: Using Icons on posts
Last modified: August 21, 2016

---

# Using Icons on posts

 *  Resolved [trprince06](https://wordpress.org/support/users/trprince06/)
 * (@trprince06)
 * [13 years ago](https://wordpress.org/support/topic/using-icons-on-posts/)
 * I am not sure how to get the icons that are listed on the Typography page for
   the theme to show up in posts. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Theme Author [Anthony Hortin](https://wordpress.org/support/users/ahortin/)
 * (@ahortin)
 * [13 years ago](https://wordpress.org/support/topic/using-icons-on-posts/#post-3820836)
 * 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](http://quarktheme.com/typography-icons/) for larger
   icons.
 * Hope this helps.
 *  [Muehlenweg](https://wordpress.org/support/users/muehlenweg/)
 * (@muehlenweg)
 * [13 years ago](https://wordpress.org/support/topic/using-icons-on-posts/#post-3820974)
 * 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?
 *  Theme Author [Anthony Hortin](https://wordpress.org/support/users/ahortin/)
 * (@ahortin)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/using-icons-on-posts/#post-3820994)
 * 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;
       }
       ```
   
 *  [Muehlenweg](https://wordpress.org/support/users/muehlenweg/)
 * (@muehlenweg)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/using-icons-on-posts/#post-3820997)
 * 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.
 *  Theme Author [Anthony Hortin](https://wordpress.org/support/users/ahortin/)
 * (@ahortin)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/using-icons-on-posts/#post-3821012)
 * No probs.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Using Icons on posts’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/quark/1.4.1/screenshot.png)
 * Quark
 * [Support Threads](https://wordpress.org/support/theme/quark/)
 * [Active Topics](https://wordpress.org/support/theme/quark/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/quark/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/quark/reviews/)

## Tags

 * [icons](https://wordpress.org/support/topic-tag/icons/)

 * 5 replies
 * 3 participants
 * Last reply from: [Anthony Hortin](https://wordpress.org/support/users/ahortin/)
 * Last activity: [12 years, 11 months ago](https://wordpress.org/support/topic/using-icons-on-posts/#post-3821012)
 * Status: resolved