Top Header

  • Anonymous

    #61

    Hello.

    How can I edit the the top header? It currently has the RSS icon and a search bar, but I would like to add other social network icons. Is that possible?

    Thank you!

    Jen

    Admin

    Syahir Hakim

    #11039

    Hi Jen,

    Yes you can, but currently that will involve either editing the header.php file directly, or creating a new header.php file in the child theme, both of which are less-than-ideal options. The next update of the theme will include a bunch of action hooks added to the theme’s codes, so you can easily customise the theme without resorting to editing the core theme files.

    q88

    #11040

    Great. Any hints on when this new version will be released?

    Thanks!

    Admin

    Syahir Hakim

    #11041

    The update has already been released. The current version already has action hooks included.

    opcadia

    #11042

    Hey, I tried to use this function with no success. Do you think you could help me ?

    I want to put social buttons on the top header.

    To do it I go to “Graphen’s option” in my dashboard, “Social Buttons”, I tick the box “Display the social button” and I put my HTML code without any result.

    I think I misunderstood something.

    could you tell me what ?

    Regards

    Kim

    #11043

    Have You made a Child Theme?

    http://codex.wordpress.org/Child_Themes

    How to modify the theme using a child theme

    I just like to know where my advice will go 🙂

    Kim

    Kim

    #11044

    I Your Child Theme functions.php insert as many “link” linies You like:

    <?php
    function graphene_social_icons(){ ?>
    <a href="http://www.facebook.com/sample" title="Facebook"><img src="http://www.sample.org/facebook.png" /></a>
    <a href="http://www.twitter.com/sample" title="Twitter"><img src="http://www.sample.org/twitter.png" />
    </a>
    <?php
    }
    add_action('graphene_feed_icon','graphene_social_icons');
    ?>

    Next I think You like to have less space between icons.

    Insert in Child Theme style.css:

    #rss a {
    float: right;
    margin: 13px 10px 0 0;
    }
    #rss a.rss_link{
    margin-right:23px;
    }

    And If You need some icons 🙂

    http://www.iconfinder.com/search/?q=social+icon

    Kim

    opcadia

    #11045

    Thanks Kim. It is ok appart from the fact that the RSS button is also repeated.

    Any last Idea ?

    Regards

    Kim

    #11046

    You need to upload and link to different images 🙂

    Then again, in style.css:

    #rss a {
    margin-left:10px;
    }

    #rss a.rss_link {
    margin-left:23px;
    }

    And Your icons is 29x29px 🙂

    Kim

    opcadia

    #11047

    I did enlarge the social icons to mask the RSS icon (another way to solve the problem 😉 ) Many thanks

    Kim

    #11048

    No thats it 🙂

    Maybe You have some older code somewhere!

    Kim

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.