Farbe des Menüs anpassen was ist falsch?

Thom2504

Ich habe ein Child-Theme erstellt, ich kann es installieren ohne Probleme, aber irgendwie wird die Navigation farblich zwar wie gewollt angezeigt aber wenn ich in die Vorschau gehe, zerreißt die ganze Seite. Vielleicht kann mir jemand sagen wie der Code richtig gesetzt sein muss damit die Navigation nicht zerreißt und in dem rötlichen Farbton angezeigt wird. Ich hab folgenden Code in der Syle.css :

Zitat

[COLOR=#008400][FONT=Helvetica]/*[/FONT][/COLOR][COLOR=#008400][FONT=Helvetica]Theme Name: Vantage Theme Child[/FONT][/COLOR]
[COLOR=#008400][FONT=Helvetica]Theme URI: https://siteorigin.com/theme/vantage/[/FONT][/COLOR]
[COLOR=#008400][FONT=Helvetica]Description: Child Theme[/FONT][/COLOR]
[COLOR=#008400][FONT=Helvetica]Author: Mittelaltermarkt Freisen[/FONT][/COLOR]
[COLOR=#008400][FONT=Helvetica]Author URI: http://www.mittelaltermarkt-freisen.de[/FONT][/COLOR]
[COLOR=#008400][FONT=Helvetica]Template: vantage[/FONT][/COLOR]
[COLOR=#008400][FONT=Helvetica]Version: 1.4.4[/FONT][/COLOR]
[COLOR=#008400][FONT=Helvetica]*/[/FONT][/COLOR]
[FONT=Helvetica][COLOR=#bb2ca2]@import[/COLOR] url("[COLOR=#d4ac00]..[/COLOR]/wp/vantage/style[COLOR=#d4ac00].css[/COLOR]");[/FONT]
[COLOR=#008400][FONT=Helvetica]/* =Theme customization starts here[/FONT][/COLOR]
[COLOR=#008400][FONT=Helvetica]------------------------------------------------------- */[/FONT][/COLOR]
[FONT=Helvetica]
[/FONT]
[COLOR=#D4AC00][FONT=Helvetica].main-navigation[COLOR=#000000] a {[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica][COLOR=#000000] [/COLOR]padding[COLOR=#000000]: [/COLOR][COLOR=#272ad8]5px[/COLOR][COLOR=#272ad8]15px[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica][COLOR=#000000] [/COLOR]background[COLOR=#000000]: [/COLOR][COLOR=#797c7c]#8A0808[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica][COLOR=#000000] [/COLOR]border-color[COLOR=#000000]: [/COLOR][COLOR=#797c7c]#8A0808[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica][COLOR=#000000] [/COLOR]border-top-left-radius[COLOR=#000000]: [/COLOR][COLOR=#272ad8]10px[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica][COLOR=#000000] [/COLOR]border-top-right-radius[COLOR=#000000]: [/COLOR][COLOR=#272ad8]10px[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica]
[/FONT]
[FONT=Helvetica]
[/FONT]
[COLOR=#D4AC00][FONT=Helvetica].main-navigation[COLOR=#000000] {[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica]background[COLOR=#000000]: [/COLOR][COLOR=#797c7c]#8A0808[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica]border-bottom[COLOR=#000000]: [/COLOR][COLOR=#272ad8]1px[/COLOR][COLOR=#000000] solid [/COLOR][COLOR=#797c7c]#8A0808[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica]border-top-left-radius[COLOR=#000000]: [/COLOR][COLOR=#272ad8]10px[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica]border-top-right-radius[COLOR=#000000]: [/COLOR][COLOR=#272ad8]10px[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[COLOR=#D4AC00][FONT=Helvetica].main-navigation[COLOR=#000000] ul ul li a {[/COLOR][/FONT][/COLOR]
[FONT=Helvetica] [COLOR=#bb2ca2]padding[/COLOR]: [COLOR=#272ad8]0[/COLOR] [COLOR=#272ad8]15px[/COLOR] [COLOR=#272ad8]0[/COLOR] !important;[/FONT]
[FONT=Helvetica] [COLOR=#bb2ca2]width[/COLOR]: auto !important;[/FONT]
[COLOR=#BB2CA2][FONT=Helvetica]border-top-left-radius[COLOR=#000000]:[/COLOR][COLOR=#272ad8]5px[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica]border-top-right-radius[COLOR=#000000]:[/COLOR][COLOR=#272ad8]5px[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica]border-radius[COLOR=#000000]: [/COLOR][COLOR=#272ad8]0[/COLOR][COLOR=#272ad8]0[/COLOR][COLOR=#272ad8]5px[/COLOR][COLOR=#272ad8]5px[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica]margin-top[COLOR=#000000]:[/COLOR][COLOR=#272ad8]2px[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[FONT=Helvetica]}[/FONT]
[FONT=Helvetica]
[/FONT]
[COLOR=#D4AC00][FONT=Helvetica].main-navigation[COLOR=#000000] ul ul {[/COLOR][/FONT][/COLOR]
[COLOR=#BB2CA2][FONT=Helvetica]margin-left[COLOR=#000000]: [/COLOR][COLOR=#272ad8]12px[/COLOR][COLOR=#000000];[/COLOR][/FONT][/COLOR]
[FONT=Helvetica]}[/FONT]

Alles anzeigen

Danke für eure Hilfe

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

ullu

Ich weiß nicht ob das der Grund ist aber

Zitat

[COLOR=#BB2CA2][FONT=Helvetica]border-radius[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica]: [/FONT][/COLOR][COLOR=#272ad8][FONT=Helvetica]0[/FONT][/COLOR][COLOR=#272ad8][FONT=Helvetica]0[/FONT][/COLOR][COLOR=#272ad8][FONT=Helvetica]5px[/FONT][/COLOR][COLOR=#272ad8][FONT=Helvetica]5px[/FONT][/COLOR][COLOR=#000000][FONT=Helvetica];[/FONT][/COLOR]

schaut nicht ganz so richtig aus, es fehlen die Leerzeichen.

SuMu

Dazu kommt, @import im Child, nutzt man nicht mehr.
http://die-netzialisten.de/wordpress/anle…anlegen-update/
https://codex.wordpress.org/Child_Themes

Thom2504

Ich benutze dieses Child-Theke mit viel mehr Funktionen auf einer anderen Seite, auch mit der @import, ich bin ein Laie und froh das ich das selbst hin bekomme.

ullu ich habe in der stilleres die Leerzeichen, die wurden wohl nur hier nicht richtig dargestellt.
SuMu danke für den Hinweis, vielleicht könntest du mir mitteilen wie es denn richtig aussehen müsste damit auch die Farbe und Navigation richtig angezeigt wird. Ich wäre sehr dankbar.

beste Grüße
Thom

ullu

na, steht alles in https://codex.wordpress.org/Child_Themes
anstatt dem import befehl und dem anderen Kommentarzeugs schreibst du in die style.css deines childs oben

Code

/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    [URL]http://example.com/twenty-fifteen-child/[/URL]
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   [URL]http://example.com[/URL]
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  [URL]http://www.gnu.org/licenses/gpl-2.0.html[/URL]
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

Alles anzeigen

und passt es an (wichtig: Template: vantage; das ist der Ordner des Parent Themes, in deinem Fall wahrscheinlich vantage)

weiterhin erstellst du in deinem child ordner eine functions.php mit dem inhalt

PHP

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );


}

Voilá

Thom2504

Für was muss ich die function.php erstellen, auf der anderen Seite die ich betreibe habe ich auch nur eine stilleres und in der habe ich die Codes drin.
Ich möchte ja weiter nichts ändern als die schwarze Navigation in eine rote zu ändern.

Daher blicke ich bei den Codes die du oben angegeben hast auch leider nicht durch :-(

ullu

Es ist doch alles auf der WP Codex Seite erklärt. Du musst damit das Child Theme aktivieren bzw. einreihen. Du kannst das natürlich in die original functions.php reinkopieren, aber wenn das Theme geupdated wird, ist wahrscheinlich alles wieder weg. Deswegen erstelle einfach ein File mit dem Namen "functions.php" in dem Child Theme Ordner mit dem o.g. Inhalt, und in die style.css in deinem Child Theme Ordner muss der angepasste obere Code oben hin und darunter kannst du deine Navigation mit deinem CSS in eine rote ändern.
Womöglich wird der @import Befehl im Vantage Theme nicht mehr unterstützt, ich weiß es nicht. Jedenfalls hab ich es ausprobiert und hatte das gleiche Phänomen.

Was meinst du überhaupt ständig mit "stilleres"? :-?

maxe

es sollte reichem der Main-Navigation einen anderen background zu geben:
.main-navigation {background: #8A0808;}

EDIT: Dein Child-Theme wird gar nicht gezogen, hast du es überhaupt aktiviert?

Thom2504

Hallo Maxe, ich habe das Theme in Moment ausgeschalten, da es ja die Navigation sprengt.
Ich habe nun nur den Befehl:

Zitat

[COLOR=#333333].main-navigation {background: #8A0808;}[/COLOR]

eingetragen, die Farbe wird geändert, aber die Navigation wird nun als Text und nicht mehr als Menü angezeigt. da liegt mein Problem.

Thom2504

Ich muss das hier noch einmal nach oben "pushen" vielleicht kann mir ja jemand helfen, habe da Problem noch immer.

maxe

Es gilt immer noch das gleiche:

Zitat von maxe

es sollte reichem der Main-Navigation einen anderen background zu geben:
.main-navigation {background: #8A0808;}
EDIT: Dein Child-Theme wird gar nicht gezogen, hast du es überhaupt aktiviert?

evtl. solltest du mal ein CustomCSS Plugin dafür ausprobieren.

Thom2504

Dieses Child-Theke habe ich auf einer anderen Seite auch, dort läuft es, ich verstehe nur nicht wieso es mir auf dieser Seite die Navigation sprengt.
Möchte ja nur die Navigation in dieses "rot" setzen.

Ich bin mit dem Latein am Ende

Thom2504

Kann mir hier keiner helfen ?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farbe des Menüs anpassen was ist falsch?

Jetzt mitmachen!