Page Header - Changing star icon (4 posts)

  1. Code_Panda
    Posted 1 year ago #


    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. :-)

  2. chris.pm
    Posted 1 year 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'.


  3. Code_Panda
    Posted 1 year 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. :\

  4. chris.pm
    Posted 1 year ago #


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

    [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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.