Page Header – Changing star icon

  • Code_Panda

    (@code_panda)


    9 years, 11 months ago

    Hi.

    I’m having a problem changing the star icon in page-header.php and I’ve been looking into https://wordpress.org/support/topic/icon-star-empty?replies=4
    From the answer, I looked for <h1><i class="icon-star-empty"></i></h1> and it’s non existent, in place I see this instead:
    <?php if ($data['star_char_on'] == 1 ) { ?><h1><i class="icon-<?php echo $data['char_name']; ?>"></i></h1><?php } ?>

    Any help would be appreciated. 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • chris.pm

    (@chrispm)

    9 years, 11 months ago

    Hi Panda

    I was just looking at that. As the ‘star’ is an icon from the Font Awesome collection (here), I found that changing the name of the icon in the Theme Options – Header Options – Character Icon Name did the trick. Try it with just ‘star’ or ‘anchor’.

    HTH

    Thread Starter Code_Panda

    (@code_panda)

    9 years, 11 months ago

    Thanks for the answer, would you know how to increase the size?
    I attempted camera-retro fa-5x in the header options to no avail. :\

    chris.pm

    (@chrispm)

    9 years, 11 months ago

    Hi

    I have managed to affect the size by adjusting the settings in font-awesome.css. Near the top is the section

    [class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

    and I was able to set the font-size there. You may need to play around with the positioning of the icon afterwards by adjusting .page-header h1 i in layout.css.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Page Header – Changing star icon’ is closed to new replies.