Public Forums 71,145 posts

[jdkock Friend jdkockJoin date: October 2011Posts: 37Downloads:7Uploads:0 Thanks: 5]

#170779

I have placed the languageswitcher module in the header but now i have two problems.

1. The language flags are not next to each other, but under.
2. The language flags are next to the logo and not to the upper right corner of the site.

In the advanced settings of the module i set the module css suffix to “_languageswitcher”.

I added the follow to templates.css

div.moduletable_languageswitcher div.mod-languages_languageswitcher {
padding: 11px 4px 0 0;
float: right;
}

div.moduletable_languageswitcher div.mod-languages_languageswitcher ul {
list-style: none;
padding: 0;
margin: 0;
}

div.moduletable_languageswitcher div.mod-languages_languageswitcher ul li {
list-style: none;
margin: 0;
float: left;
padding: 0 7px 0 0;
}

div.moduletable_languageswitcher div.mod-languages_languageswitcher ul li a img {
border: 1px #ccc solid;
}

div.moduletable_languageswitcher div.mod-languages_languageswitcher ul li a:hover img {
border: 1px #fff solid;
}

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#425020

Hi,
Could you give me a link to your page as you said?

[jdkock Friend jdkockJoin date: October 2011Posts: 37Downloads:7Uploads:0 Thanks: 5]

#425023

Or is it better/easier to place the module in the top-panel ?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#425027

You add this code into /templates/ja_purity_3/css/template.css

.lang-inline li {
float: right;
padding-right: 12px;
}

[jdkock Friend jdkockJoin date: October 2011Posts: 37Downloads:7Uploads:0 Thanks: 5]

#425030

Thanks khoand. Problem solved !

[Author]

Posts