Untermenü zu groß

Thom2504

Hallo,
ich habe eben eine Seite erstellt die ich dann ins Untermenü (unter Impressum) geschoben habe, da ich die Navigation im Child-Theme angepasst habe wohl aber die Unterseiten-Button hiervon nicht betroffen sind werden diese sehr groß dargestellt. (http://www.crepesbude.de)

Hier der derzeitige Child-Theme Code, kann mir jemand sagen was ich eintragen muss das auch die Unterseiten-Button in der größe wie meine Navigation sowie leicht durchsichtig dargestellt werden

aktueller Code:

Code

/*
Theme Name: Mace Theme Child
Theme URI: http://the-hosts.com/mace-wordpress-theme/
Description: Child Theme
Author: Crepesbude
Author URI: http://www.crepesbude.de
Template: mace
Version: 1.0.0
*/
@import url("../mace/style.css");
/* =Theme customization starts here
------------------------------------------------------- */
.site-content {
    background: rgba(255,255,255,0.8);
}


.site-info {
   padding: 5px 15px;
   margin: 0 auto;
   max-width: 100%;
}




.main-navigation a {
    padding: 5px 15px;
    background: #623410;
      border-color: #623410;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}




.site-footer {
  background: #623410;
  color: #FFF;
  margin-bottom: 10px;
  border-radius: 0 0 10px 10px;
}




.main-navigation {
  background: #623410;
  border-bottom: 1px solid #623410;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


.site-content #secondary { display: none; }
.site-content #main { margin-right: 0; }
body.home .site-content #secondary { display: block; }
body.home .site-content #main { margin-right: 30%; }


.content-area .entry-title { display: none; }


.mobile-navigation {
  background: #623410;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;

Alles anzeigen

Viele Dank für die 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

maxe

Ich tät's mal so versuchen:

Code

.main-navigation ul ul li a {
padding: 0 0 0 15px;
border-top-left-radius:0;
border-top-right-radius:0;
}

Thom2504

das hat leider nichts geändert ausser das nun die Abrundung weg ist :-(

maxe

1. fehlt bei deiner letzten Formatierung die }
2. seh ich die neue Formatierung nicht in der http://www.crepesbude.de/wp-content/the…theme/style.css

Thom2504

das ist der Code in dem Child-Theme, es ist alles eingetragen

Code

/*
Theme Name: Mace Theme Child
Theme URI: [URL]http://the-hosts.com/mace-wordpress-theme/[/URL]
Description: Child Theme
Author: Crepesbude
Author URI: [URL]http://www.crepesbude.de[/URL]
Template: mace
Version: 1.0.0
*/
@import url("../mace/style.css");
/* =Theme customization starts here
------------------------------------------------------- */
.site-content {
    background: rgba(255,255,255,0.[IMG]http://forum.wpde.org/images/smilies/icon_cool.gif[/IMG];
}


.site-info {
   padding: 5px 15px;
   margin: 0 auto;
   max-width: 100%;
}




.main-navigation a {
    padding: 5px 15px;
    background: #623410;
      border-color: #623410;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;


}




.main-navigation ul ul li a {
    padding: 0 0 0 15px;
    border-top-left-radius:0;
    border-top-right-radius:0;
}




.site-footer {
  background: #623410;
  color: #FFF;
  margin-bottom: 10px;
  border-radius: 0 0 10px 10px;
}




.main-navigation {
  background: #623410;
  border-bottom: 1px solid #623410;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


.site-content #secondary { display: none; }
.site-content #main { margin-right: 0; }
body.home .site-content #secondary { display: block; }
body.home .site-content #main { margin-right: 30%; }


.content-area .entry-title { display: none; }


.mobile-navigation {
  background: #623410;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

Alles anzeigen

Thom2504

Also ich sehe die Formatierung von dir

maxe

jetzt seh ich auch alles und die { } sind auch richtig gesetzt.
Dann setz mal noch ein !important hinter das padding.

Thom2504

was ist denn ein "!important

maxe

http://www.css-hack.de/CSS+allgemein/!+important
http://de.selfhtml.org/css/formate/kaskade.htm#ursprung

Thom2504

Ich habe es nun geändert

CSS

.main-navigation ul ul li a {
    padding:!important; 0 0 0 15px;
    border-top-left-radius:0;
    border-top-right-radius:0;
}

es funktioniert trotzdem nicht

maxe

och menno, ich hab dir doch extra 2 Links gepostet, lies sie doch bitte.

CSS

.main-navigation ul ul li a {
    padding: 0 0 0 15px !important;
    border-top-left-radius:0;
    border-top-right-radius:0;
}

Thom2504

Sorry maxe, ich bin da echt noch Anfänger, klar hätte mir das einleuchten können das ich den befehl "padding" erst schließen muss.

Nun hat es funktioniert, sogar die abgerundeten Ecken habe ich hinbekommen, was mich nur noch stört das der Button so groß ist, kann ich den nicht auf den Text beschränken?

maxe

dann müsste es vermutlich so aussehen:

CSS

.main-navigation ul ul li a {
width: auto !important;
padding: 0 15px 0 !important;
border-radius: 5px;
}

Thom2504

hey super...kommt fast hin, nun müsste der Text nur noch mittig sein und der Button etwas weiter unterhalb der Navigation erst aufspringen.

kann ichfür den mittigen Text auf dem Button nicht was mit "text middle" oder "Text Center" nutzen?

maxe

Zitat von Thom2504

nun müsste der Text nur noch mittig sein

Du hast auch mein neues padding nicht übernommen, da hab ich links und rechts den selben Abstand genommen.

Zitat von Thom2504

und der Button etwas weiter unterhalb

das machst du mit margin-top.

Thom2504

Zitat

Du hast auch mein neues padding nicht übernommen, da hab ich links und rechts den selben Abstand genommen.

Doch eigentlich schon...

Zitat

das machst du mit margin-top.

super habe es auf 2px eingestellt, nur ist der Button noch nicht wirklich Mittig vom Hauptbutton...

maxe

so, meine letzte gute Tat für heut :-D

Code

.main-navigation ul ul {
margin-left: 12px;
}

Bei weiteren Änderungswünschen solltest du dir unbedingt mal ein bisschen CSS Kenntnisse anlernen.

Thom2504

Super, ich danke dir!

Ja ich lerne ja immer wieder dazu, macht es eigentlich Sinn das Hintergrund (Holzbild) im Child-Theme zu laden oder ist es eher sinnvoller den Hintergrund (Holzbild) im Hauptdesign zu wählen?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Untermenü zu groß

Jetzt mitmachen!