WordPress.org

Ready to get started?Download WordPress

Forums

Quark
[resolved] Using Icons on posts (6 posts)

  1. trprince06
    Member
    Posted 1 year ago #

    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!

  2. ahortin
    Member
    Theme Author

    Posted 1 year ago #

    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.

  3. Muehlenweg
    Member
    Posted 1 year ago #

    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?

  4. ahortin
    Member
    Theme Author

    Posted 1 year ago #

    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;
    }
  5. Muehlenweg
    Member
    Posted 1 year ago #

    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.

  6. ahortin
    Member
    Theme Author

    Posted 1 year ago #

    No probs.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags