Icons on top bar at right. (in replacement of search box)

  • laurent68

    #7930

    Hi,

    http://www.mon-enfant-apprend.com

    Try to put icon with flag (only UK flag in this test, but more later) on the right side, not near Social network (which are on left)

    I already have a child theme, and make some test :

    in function.php :

    <?php
    function graphene_flag_icons(){ ?>
    <a href="http://www.my-child-learns.co.uk" title="UK"><img src="http://mon-enfant-apprend.com/wp-content/uploads/2013/08/United-Kingdom-flag-29.png" /></a>
    <?php
    }
    add_action('graphene_feed_icon','graphene_flag_icons');
    ?>

    and in style.css :

    #rss a {
    float: right;
    margin: 13px 10px 0 0;
    }

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

    OR

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

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

    nothing work.

    any idea ?

    many thanks

    Laurent

    Prasanna SP

    #39867

    graphene_feed_icon action hook has been removed. Hook your function to graphene_social_profiles instead.

    Also use #profiles instead of #rss in custom css.

    Prasanna SP

    #39868

    Moved to Support. Please post in the correct section next time.

    laurent68

    #39869

    Hi,

    sorry for post on wrong place.

    many thanks for your reply.

    Actually all icons are on the left, exactly the same thing if I use regular Graphene options.

    Any options to put the social network icons on left and flags on right ?

    I try different things, nothing is ok.

    Many thanks

    Laurent

    Prasanna SP

    #39870

    Add ID to anchor tag,

    <a href="http://www.my-child-learns.co.uk" title="UK" id="icon-flag"><img src="http://mon-enfant-apprend.com/wp-content/uploads/2013/08/United-Kingdom-flag-29.png" /></a>

    Then some CSS tweaks,

    #icon-flag {
    float: right !important;
    }

    laurent68

    #39871

    many thanks for your reply,

    I try many things, but flag are well on right on Network social icons, but not in the place where search box was… (right on the screen)

    http://www.mon-enfant-apprend.com

    Best regards

    Prasanna SP

    #39872

    Add all of the icons inside a div like this,

    <div id="flag-icons">
    <a href="http://www.my-child-learns.co.uk" title="UK" id="icon-flag"><img src="http://mon-enfant-apprend.com/wp-content/uploads/2013/08/United-Kingdom-flag-29.png" /></a>
    ..
    icon 2
    ..
    icon 4
    ..
    icon n
    </div>

    Then apply CSS,

    #flag-icons {
    margin-left: 420px !important;
    float: right;
    }

    Is this what you’re looking to achieve?

    UJ9NIHx.png

    laurent68

    #39873

    Hi,

    really sorry but make many tests and doesn’t work (crash WP : had to reset file by ftp)

    still I usefunction graphene_flag_icons() ?

    is divis in functions.php or elsewhere ?

    because I try many things and had somethings like that :

    Warning: Cannot modify header information – headers already sent by (output started at /homez.379/monenfang/www/wp-content/themes/graphene-child/functions.php:6) in /homez.379/monenfang/www/wp-includes/pluggable.php on line 875

    One time I had something working almost. But the icon was really at the right corner of the browser/screen, not the right corner of “graphene”.

    many thank for your reply.

    Laurent

    Prasanna SP

    #39874

    Yes, add the div inside that function. But leave out the closing php tag. If you have any blank lines after the closing php tag, it throws Cannot modify header information .. warning.

    <?php
    function graphene_flag_icons(){
    ?>
    <div id="flag-icons">
    <a href="http://www.my-child-learns.co.uk" title="UK" id="icon-flag"><img src="http://mon-enfant-apprend.com/wp-content/uploads/2013/08/United-Kingdom-flag-29.png" /></a>
    </div>
    <?php
    }
    add_action('graphene_feed_icon','graphene_flag_icons');
Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.