Hi there
i want add language flags on the top mune like this ..
what code should i add ?
i want it be like this photo
http://postimg.org/image/3wtulu1kz/
thanks
Likely need to use a translation plugin and then add the shortcode to the widget area used for social media icons.
Or somebody else may have better suggestion.
example of nice plugin …
https://wordpress.org/plugins/language-bar-flags/
thanks man
i try this plugin . and some others . but nothing work like i want..
is there any way to change social media icons to languages flags ? on top menu ?
i mean this http://postimg.org/image/wf4eaer1j/
thanks
any advice guys ?
Hi,
Unfortunately you will need custom work for this as the social icons that are used on top menu use a content that it is loaded like a font there – http://screencast.com/t/cPfNVXKxR
You can try to add an image instead of social icons something like this – http://screencast.com/t/jcqlAhF0g but I’m not sure what you’ll solve as those flags that are on other sites when it is clicked will translate the site in that language and for this you need to use a plugin like already Christopher suggested.
Thanks!
thanks man
i want add flags Refers to our english , fr , ru sites ..
so please how to do that using css ..
i trid this https://wordpress.org/plugins/language-bar-flags/ but i get extra bar . and its not nice to using duble top bar.
also i tried using this code in the Navigation Label but i get the flags on the wrong place ,,
ok guys
i have instakk this plugin and its work fine
https://wordpress.org/plugins/language-icons-flags-switcher/
but there is little error. how to fix it please ?
check this photo ..
http://postimg.org/image/o721tn7h1/
guys please any advice ?
look at your source, find the CSS class for that item and adjust to fit, probably with some negative margin
e.g., add custom css
.theclassused{margin-top:-20px}
something like that; you will need to experiment obviously.
can you help me with that 🙁
any one please
Hello guys
any help please
Hi,
Sorry for delay, we’ve answered to the most oldest topics and because you’ve added a new reply we missed your post!
I have also checked this, you can use plugin’s shortcode and replace the top menu social share like you wish – http://screencast.com/t/XclcTlcnpIj
<?php echo do_shortcode('[flagicons]'); ?>
And use this custom css in Theme Panel to customize flags – http://screencast.com/t/xRvWPGQqx
.td-header-sp-top-widget a {
float: left;
margin-right: 3px;
}Thanks!
thanks alin .. how to add sites links ?
i want add english and fr and ru and pt ..
ok sorry i found how to add links .. thanks alin . i will try it now and keep you posted
thanks man . its work fine now
1 last thing . how to make it open in new window ? whene some one click on flag ?
Hello
i woluld like to thank you alin . i fix the open links to new windw using this plugin
https://wordpress.org/plugins/open-external-links-in-new-window/
also its fix the twitter issue in the theme . now the twitter open in new window also ,,
i have Little Question ..
the flags work fine now . but whene you load the homepage they become Vertically in the Center of header . after that they work fine ..
how to fix this issue ?
see that video
Hi,
The default style is loading first and because of the cascading property of the css style appears that delay. Please try to add that css code in style.css file: http://screencast.com/t/ZxtvPYp2K
Thanks!
thanks man . i will try it now .. thanks 🙂
Hello alin
you told me to put this cod in style.css like this http://screencast.com/t/ZxtvPYp2K
.td-header-sp-top-widget a {
float: left;
margin-right: 3px;
}
but i dont know why my style.css look like this
http://www.screencast.com/t/sU3OmQ33fLI3
this is my style.css
http://www.screencast.com/t/TIJ4RG0DHz
any advice please ?
Hi,
Please check how it look from WordPress Editor, also you can make this change using there – http://screencast.com/t/fmCeSI2rnfQw
Thanks!
Hello alin
Unfortunately WordPress Editor give me same this Chaos
http://www.screencast.com/t/sU3OmQ33fLI3
i cant found social widget in anyware ..
you can check my style.css
http://www.screencast.com/t/TIJ4RG0DHz
Hi,
I guess that it appears like this because you have minified the css code. Try to add the css code at the bottom of style.css content and see how it goes.
Thanks!
i did not understand what you said .. could you please do it for me ?
you can download my style.css using this
http://www.screencast.com/t/TIJ4RG0DHz
and what will happend if i replace the old style.css with new one ?
