CSS Anpassung zu "Schnellnavigation"

**DarkDeviLw** · 10.02.2015, 12:40

Guten Tag zusammen,

ich habe folgendes Problem. Und zwar möchte ich gerne die Überschrift von der Schnellnavigation abändern, indem ich die Überschrift in eine Klasse stecke.

Folgende Screens fürs bessere Verständnis

http://prntscr.com/63css3 Code für die Schnellnavigation zurzeit

http://prntscr.com/63ct1s und diese Klasse möchte ich bei der Schnellnavigation anwenden.

Wo genau kann ich das machen?

LG

**stefanv** · 10.02.2015, 12:47

Wenn die Navigation ein Modul ist, und davon gehe ich einfach mal aus, dann kannst du in den Moduleinstellungen unten CSS Klasse und ID angeben.

**DarkDeviLw** · 10.02.2015, 12:55

Habe das Modul nun gefunden und auch wo man es eingeben kann:

http://prntscr.com/63cxt4

Aber wie trage ich dies genau ein?

**stefanv** · 10.02.2015, 13:02

Linkes Feld die ID, rechtes Feld die Klasse. Aktuell hat das Modul die Klasse froot.
Wenn du dem Modul eine ID geben willst, einfach links neben froot deine ID angeben und im css mit #deineID ansprechen.

**DarkDeviLw** · 10.02.2015, 13:09

Also brauche ich in meinem Fall rechts nur ce_headline eingeben?

**DarkDeviLw** · 11.02.2015, 08:27

Oder muss ich dafür zusätzlich was im Template ändern von der Quicknavigation?
LG

**cliffparnitzky** · 11.02.2015, 08:37

Moin,

gib doch dem Modul in der Konfiguration ne Klasse, z.B. 'quicknav' und arbeite dann mit nem Selektor der die <h1> darunter styled : '.quicknav h1 ...'

Gruß, Cliff

**DarkDeviLw** · 11.02.2015, 08:56

Hi cliffen,

werde es erstmal versuchen, melde mich nochmal falls es nicht klappt ^^
Danke erstmal vielmals

LG

**DarkDeviLw** · 11.02.2015, 09:59

Habe es nun versucht. Bin hingegangen und habe folgendes unter Module in der Quicknavigation angegeben:

http://prntscr.com/63pm8b (unten bei Klasse quicknavi)

Danach habe ich unter CSS folgendes erstellt:

http://prntscr.com/63pmke
http://prntscr.com/63pmn7

Aber nichts verändert sich an der Überschrift :/
Glaube ich habe da was falsch gemacht oder?

Es soll nur so aussehen als wäre es eine h1 Überschrift, dadurch das ich gerne nur einmal die h1 Überschrift auf der Webseite verwenden möchte. Daher diese Änderungen. Vielleicht hilft das noch weiter

Liebe Grüße

**cliffparnitzky** · 11.02.2015, 10:57

Im ersten Screenshot legst du fest, dass die Überschift von Typ h4 ist ... dann musst du in dem CSS Selektor auch h4 statt h1 verwenden.

**DarkDeviLw** · 11.02.2015, 11:02

Habe es in .quicknav h4 umgeändert unter dem Selektor. Aber leider weiterhin keine Veränderung zu sehen an der Überschrift.

**cliffparnitzky** · 11.02.2015, 11:14

nu wird es schwer, wenn man nicht drauf gucken kann

**cliffparnitzky** · 11.02.2015, 11:25

Stell mal sicher, dass dein CSS auch ausgeliefert wird ... vlt. liegt es daran

**DarkDeviLw** · 11.02.2015, 11:26

Inwiefern meinst du sicher stellen das es ausgeliefert wird?
Muss ich dazu was bestimmtes testen?

**tab** · 11.02.2015, 11:28

Genau, da müsste sonst wieder die Glaskugel zum Einsatz kommen

Du solltest in jedem Fall lernen, die Entwickler-Werkzege deines Browsers zu nutzen. Im Firefox und Google Chrome z.B. mit Rechtsklick auf deine fragliche Überschrift und im Menü auswählen "Element untersuchen". Damit siehst du gleich mehrere Dinge auf einmal:

1) Ist es wirklich eine h4 Überschrift?
2) Greift dein Selektor (steht er rechts in der Liste und ist der gesetzte Style auch nicht durchgestrichen)

Es ist auch durchaus möglich, dass dein Browser das alte CSS noch im Cache hält.

**cliffparnitzky** · 11.02.2015, 11:28

Prüfen ob es im verwendeten Layout eingebunden ist ... oder mittels Firebug gucken, ob deiner Definition in einer CSS Datei auf deiner Seite landet

**DarkDeviLw** · 11.02.2015, 11:37

Wird nun in den Seitenlayouts verwendet...

http://prntscr.com/63qcdb

Aber leider wieder ohne Erfolg :/

**cliffparnitzky** · 11.02.2015, 11:42

Am besten mal den Link zur Seite hier posten.

**DarkDeviLw** · 11.02.2015, 11:46

http://www.sd-technologies.de/window...ung-basic.html

Hier ist der Link zur Seite.... unten verwende ich bei Schnellnavigation h4
Diese Überschrift soll aber überarbeitet werden sodass die mit dieser Überschrift "Windows Installer XML Toolset Schulung (Wix Schulung) - Basic" übereinstimmt aber ohne das ich in Schnellnavigation h1 verwende. Dadurch das ich nur einmal auf der Seite h1 verwenden möchte.

Liebe Grüße

**tab** · 11.02.2015, 11:52

Bist du sicher, dass du dein quicknavi in das richtige Seitenlayout eingebunden hast? Sieht eigentlich nicht so aus, denn es fehlen auch noch andere in deinem Screenshot angehakte Stylesheets im ausgelieferten CSS (header_10jahre). Dafür ist z.B. noch "Training_Banner" mit drin.

**DarkDeviLw** · 11.02.2015, 11:56

Diese sind alle eingebunden:

http://prntscr.com/63qhre

**cliffparnitzky** · 11.02.2015, 11:59

Und dieses Layout ist auch der Seite zugeordnet ???

**tab** · 11.02.2015, 12:02

Hmm, ja, sehe ich im ausgelieferten CSS alle, bis auf quicknavi, es hört mit style sheet "header_Wix" auf. Eventuell hilft eine Systemwartung, falls noch irgendwo was altes im System klemmt.

Edit: Hm, sehe gerade, auf deinem Screenshot ist "header_Wix_ADV" eingebunden, ausgeliefert wird aber "header_Wix"

**DarkDeviLw** · 11.02.2015, 12:55

Ich werde jetzt nochmal alles Schritt für Schritt neu machen und dann mich nochmal melden, weil auch die Systemwartung hat nichts gebracht und auch die weiteren CSS Styles einzubinden ebenfalls nicht.

LG und erstmal vielen Dank für eure Mühe