[Anonymous]

Anonymous

#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

[Anonymous]

Anonymous

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

[Anonymous]

Anonymous

#39868

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

[Anonymous]

Anonymous

#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

[Anonymous]

Anonymous

#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;

}

[Anonymous]

Anonymous

#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

[Anonymous]

Anonymous

#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?

[Anonymous]

Anonymous

#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

[Anonymous]

Anonymous

#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');