2017-07-21 3 views
0

サイト上で言語切り替えをスタイリングする際に問題があります。私はフラグを変更しましたが、今現在のラングにはさまざまなアイコンがあります。スタイリング言語スイッチャー - フラグ(polylang + wordpress)

私は現在のためにこれを行います。

li.lang-item.lang-item-2.lang-item-se.lang-item-first.current-lang a { 
    background-image: url(../gfx/flag/lang_se_ac.png); 
} 

いますが、メイン画像の下にこのような背景の表示を見ることができますように。 私はZインデックスを設定しようとしていますが、位置は無効です。コードを見てみると

As you can see current icon is under the SE flag

+0

アンカータグの内側に、デフォルトのフラグはimgタグ付きの画像ではありませんか? – user8230352

+0

コード全体を見るhttps://s3.postimg.org/rwa4utdyb/code.png – Pat

+0

回答を追加しました。 – user8230352

答えて

1

、プラグインはIMGタグではなくCSSの背景画像のプロパティを使用しています。

フラグを変更する方法については、documentationがあります。

これは、次の言葉:

あなたはPNGまたはJPGファイルを使用してWordPressの ロケールでそれらに名前を付ける必要があります。たとえば、en_US.png。

これらのファイルは、/ wp-content/polylang /ディレクトリにアップロードしてください。

注:自分でディレクトリを作成する必要があります。 /polylang/flags /ディレクトリは使用しないでください。

+0

はい、私は理解し、ドキュメントを読んで、フラグを変更します。私の場合は、このフラグ(ホバーとアクティブ(現在のlang))に追加の効果を設定したいと思います。このオプションでは、imgを置き換える必要があります。私はそれがCSSで可能かもしれないと思った。 – Pat

+0

現在のフラグに何らかの「アクティブな」クラスがある場合は、CSSで可能でなければなりません。 – user8230352

関連する問題