Wordpress Plugin Qtranslate CSS Problem

[Pyrofreak]

Hallo!

Nutze das Worpress Plugin "Qtranslate" und habe das Problem das ich den Abstand von "Deutsch" und "Englisch" neben den Flaggen für die Länder per css nicht hinbekomme.
In meinem Fall überlappt die Schrift die Flagge, da möchte ich aber mehr Abstand!

Habe den Betreiber des Plugins schon angeschrieben, der meldet sich aber nicht leider,
daher hoffe ich jetzt das mir hier jemand helfen kann...

Die Seite ist http://www.tofu-rezepte.com/

gr Pyro

[fuchzga]

Hey,

hier ist der Code, den du anpassen musst.

<style type="text/css" media="screen"> 
.qtrans_flag span { display:none }
.qtrans_flag { height:12px; width:18px; display:block }
.qtrans_flag_and_text { padding-left:20px }
.qtrans_flag_de { background:url(http://www.to...e.com/wp-content/plugins/qtranslate/flags/de.png) no-repeat }
.qtrans_flag_en { background:url(http://www.to...e.com/wp-content/plugins/qtranslate/flags/gb.png) no-repeat }
</style> 
[...]
<ul class="qtrans_language_chooser" id="qtranslate-3-chooser">
<li class="active">
<a href="http://www.to...e.com/" class="qtrans_flag_de qtrans_flag_and_text" title="Deutsch"><span>Deutsch</span></a>
</li>
<li>
<a href="http://www.to...e.com/en/" class="qtrans_flag_en qtrans_flag_and_text" title="English"><span>English</span></a>
</li>
</ul>

Manchmal hilft es die betreffenden Zeilen in eine HTML-Datei zu tun, und dann mit einem Browser aufzurufen. Da kommst du dann selber drauf, was zu ändern ist.

[Pyrofreak]

Hallo fuchzga!

Danke für Deine Hilfe!
Wo hast Du denn den Code überhaupt gefunden, habe jetzt nochmals unter "Plugins" "Editor" geschaut, finde dort aber nichts?
Bzw. wo kann ich da dann Änderungen vornehmen?

gr Pyro

[hero-master]

Hey Pyro
Das CSS wird vom Plugin über den wp_head eingebunden. Finden tust du die Ausgabe dafür in der qtranslate_hooks.php ganz oben.
Ich würde die einfach entfernen und über deine style.css steuern.
Im Prinzip reicht es aber auch völlig aus folgendes in die CSS-Datei zu schreiben:

#page .qtrans_flag_and_text { padding-left:23px }

Durch das #page davor gewichtest du die Definition stärker als die später eingebundene CSS-Definition im head. Grund: IDs werden gegenüber Klassen bevorzugt behandelt, auch wenn sie erst später definiert werden

[Pyrofreak]

Hallo heromaster!

Vielen Dank für deine Hilfe, es hat geklappt, aber es geht nur mit der id #page habe es zuerst direkt in der hooks.php probiert, da hat es nicht funktioniert, allerdings versteh ich nicht wie Du auf das #page kommst, ich finde in der hooks.php zwar "page" aber ich käme wohl selber nie darauf. So Änderungen in WP sind ja ziemlich kompliziert, habe da immer Probleme zumindest mit den Plugin Änderungen
am Theme selber geht das ja meist viel einfacher

gr Pyro

[hero-master]

Hey Pyro,
ich habe einfach die ID deines DIVs genommen, dass du um die komplette Seite gelegt hast. Man hätte gut und gerne auch #right, #qtranslate-3 oder #qtranslate-3-chooser nehmen können. Wichtig war da nur, dass eine ID davor steht, damit er die Definitionen, die das Plugin in den Head sschreibt, überschreibt

Im Prinzip gib es bei Plugins imm 1-3 Dateien, die wichtig sind, um Änderungen zu machen bzw. den ganzen Code produzieren. Wenn man das einmal heruasgefunden hat, ist es eigentlich ganz einfach

[anneparker]

vielen Dank für den Code hier, Jetzt denke ich, dass was der Inhalt ist gut sein.