Monochrome Template Menü ändern-aber wo und wie?

Super

Hallo an alle,

ich habe ein Prob. mit dem Monochrome Template von mono-lab. ist bereits die neue Version.
Ich möchte verschiedene Seiten im oberen Menü anzeigen lassen. Leider sind es 2-3 zu viel für dieses Template.
Jetzt habe ich überlegt, dass mann das padding der Menüpunkte (Seitennamen) verkleinern könnte, oder den Fehler in der Progr. beheben könnte.
http://www.super-clique.de

Leider fehlen mir zu beiden Varianten die Kentnisse.
Kann mir da evtl. jemand "verständlich" helfen?
Bin schon seit Stunden am probieren...

Vielen Dank!

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

gericoach

bau die Menüstruktur anders auf und das Problem verschwindet. Oder Du schaust in der style.css nach, wo die breite definiert ist.

Zitat

/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:0 0 10px 0; padding:20px 0 0 0; }
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
{ color:#999; width:30px; padding:0; margin:0 3px 0 0; display:block; float:left; text-align:center; line-height:30px; background:url(img/pager1.gif) no-repeat left top; }
.page_navi a:hover { color:#999; background:url(img/pager1.gif) no-repeat left bottom; text-decoration:none; }
.page_navi span.current { background:url(img/pager2.gif) no-repeat left top; color:#fff; }

/* ----- header-menu --------------------------------------------------------------------------------------------------------------------------- */
#header_menu { float:right; display:inline; [COLOR=Red]margin:20px[/COLOR] 0 0 0; height:52px; background:url(img/header_menu_right.gif) no-repeat right top; }
#menu { float:left; background:url(img/header_menu_left.gif) no-repeat left top; font-size:11px; height:52px; margin:0; }
#menu, #menu ul { line-height:1; margin:0; padding:0; }
#menu li { position:relative; float:left; border-left:1px solid #444; height:48px; margin:2px 0 0 0; z-index:10; }
#menu ul li { height:auto; border-left:none; padding:0; left:auto; margin:0; }
#menu a:link, #menu a:visited { color:#999; display:block; padding:19px 30px 14px; position:relative; }
#menu a:hover { color:#f3193d; text-decoration:none; background:#333; }
#menu ul { position:absolute; top:48px; left:0; display:none; opacity:0; width:200px; }
#menu ul ul { margin:0 0 0 189px; top:0; }
#menu ul a:link, #menu ul a:visited,
#menu .current_page_item ul a:link, #menu .current_page_item ul a:visited,
#menu ul .current_page_item a:link, #menu ul .current_page_item a:visited,
#menu ul .current_page_item ul a:link, #menu ul .current_page_item ul a:visited,
#menu .current-cat ul a:link, #menu .current-cat ul a:visited,
#menu ul .current-cat a:link, #menu ul .current-cat a:visited,
#menu ul .current-cat ul a:link, #menu ul .current-cat ul a:visited
{ color:#999; background:#282828; line-height:140%; padding:9px 28px 7px; border:1px solid #444; width: 132px; margin:-1px 0 0 0; }
#menu ul a:hover, #menu .current_page_item ul a:hover, #menu .current-cat ul a:hover,
#menu .first_menu ul a:hover, #menu .last_menu ul a:hover
{ color:#f3193d; background:#333; }
#menu .current_page_item, #menu .current-cat { background:url(img/stripe2.gif) left top; z-index:9;}
#menu .current_page_item a:link, #menu .current_page_item a:visited,
#menu .current-cat a:link, #menu .current-cat a:visited
{ color:#f3193d; padding-bottom:21px; background:url(img/header_menu_arrow.gif) no-repeat center bottom; }
#menu ul .current_page_item a:link, #menu ul .current_page_item a:visited,
#menu ul .current-cat a:link, #menu ul .current-cat a:visited
{ color:#f3193d; background:#282828 url(img/stripe2.gif) left top; }
#menu ul .current_page_item ul a:link, #menu ul .current_page_item ul a:visited,
#menu ul .current-cat ul a:link, #menu ul .current-cat ul a:visited
{ color:#999; background:#282828; }
#menu ul .current_page_item ul a:hover, #menu ul .current-cat ul a:hover { color:#f3193d; background:#333; }
#menu .first_menu { border:none; background:none; }
#menu .first_menu_active { background:url(img/header_menu_first_active.gif) no-repeat left top; }
#menu .first_menu a:hover { background:url(img/header_menu_first_hover.gif) no-repeat left top; }
#menu .last_menu { background:none; }
#menu .last_menu_active { background:url(img/header_menu_last_active.gif) no-repeat right top; }
#menu .last_menu a:hover { background:url(img/header_menu_last_hover.gif) no-repeat right top; }
#menu ul .parent_menu > a:link, #menu ul .parent_menu > a:visited { background:#282828 url(img/arrow4.gif) no-repeat right 14px; }
#menu ul .parent_menu > a:hover { background:#333 url(img/arrow4.gif) no-repeat right 14px; }

Alles anzeigen

Super

Menü ändern ist recht schwierig, da ich das Template wegen der Struktur erst gewählt habe.

Ist leider kein Bild, zumindest nicht mit einer festen Größe. Je breiter der Titel, um so breiter der Button.
Ich bin mit html leider nicht so bewandert, deshalb Suche ich ja schon ewig.

Wäre super, wenn jemand mit Ahnung mal in die Style.css rein schauen könnte ...

Super

Hatte die margin an dieser Stell schon versucht zu ändern, hat aber keinen Einfluss...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Monochrome Template Menü ändern-aber wo und wie?

Jetzt mitmachen!