WPML-languages as horizontal list

[Roger521]

Hello.

First of all I want to express my thanks and admiration to Sayontan Sinha,
for making this theme available to the public.
For two years I used 'epages' on this website: www. degoudeneeuw-antiek .nl

From last november (2011) untill now I used Suffusion on the following websites;
- http://galeriederijk.nl/
- http://antiekdeolmen.nl/
- http://lordsilkroad.nl/
I needed all those months learning Suffusion before even daring to ask a question on this forum,
and I felt obliged to report here, the sites that I have built with Suffusion.
And to present a cup of tea or three for Mr. Sinha as well, good health!

So I think I need to do some custom styling.
I have the WPML-plugin on following testing website;
www. hetguldenvlies .com/wordpr55 (Suffusion – 4.0.2)
With the two languages next to each other (language switcher is in widget area above footer).
This person: Harshad - WPML support staff, did that for me.
He told me to put the code for the above as well in following website: www. lordsilkroad .nl/ (Suffusion – 3.9.6)
So I did that, but now the language names ar below each other.
I want them to be next to each other, again, just like here: www. hetguldenvlies .com/wordpr55.

I did do 'inspect element' in the widget area above footer, and got;
'user agent stylesheet
li {
display: list-item;
text-align: -webkit-match-parent;
}'

QUESTION: Can anyone please help me to get the two language names next to each other,
instead of below each other on this website: www. lordsilkroad .nl/ ?

Thanks to anyone willing to help,

Greetings,

Roger
P.s. two messages from Harshad - WPML Support;
2. Harshad wrote:

Hello Roger,
I have installed php code widget, then added the widget into Widget Above Footer Area and gave a call to '<?php languages_list_footer()?>'

Please upload the php code widget into your other website and perform the steps as above.
Thanks,
Harshad
------------------------------------------------------------------------------------------
1. Harshad wrote:

Hello Roger,
In themes functions.php file I wrote a function


function languages_list_footer(){
$languages = icl_get_languages('skip_missing=0&orderby=code');
if(!empty($languages)){
echo '<div id="footer_language_list"><ul>';
foreach($languages as $l){
echo '<li>';
if($l['country_flag_url']){
if(!$l['active']) echo '<a href="'.$l['url'].'">';
echo '<img src="'.$l['country_flag_url'].'" height="12" alt="'.$l['language_code'].'" width="18" />';
if(!$l['active']) echo '</a>';
}
if(!$l['active']) echo '<a href="'.$l['url'].'">';
echo icl_disp_language($l['native_name'], $l['translated_name']);
if(!$l['active']) echo '</a>';
echo '</li>';
}
echo '</ul></div>';
}
}



Then gave a call into Widget Above Footer Area.
Thanks,
Harshad

[sayontan]

Currently in your site you can add this to your Back-end -> Custom Includes -> Custom Styles:

Code: Select all

#footer_language_list li { background-image: none; float: left; display: inline-block; }
#footer_language_list { display: inline-block; }
#execphp-2 .execphpwidget { text-align: center; }


[Roger521]

Thank You very much mr. Sinha.

I will try, as per your faq-guide, to make the "nav-bar above footer" as thin as the nav-bar below header, via "inspect element' tool (google chrome).
I will report back on this forum my (I hope) accomplishments!

Again thank You very much,

Best Regards,

Roger Daalmeijer