theme ändern/umbauen

dala

Hallo

ich machs kurz und knapp, da ich neu in der scene wordpress und homepage bin, hab ich keine Ahnung wo und/oder was ich ändern soll um das Problem zu beheben .

zum Problem:
bild 111 ist das Problem und 333 so soll es sein!

wenn noch was gebraucht wird bitte Bescheid sagen
style.css

Zitat

/* LAYOUT */
body {
font-family: sans-serif;
background:#f0f1f3 url(images/sidebg.png) top center no-repeat;
}
#wrapper {
}
#container {
}
#contentwrap {
background: #f0f1f3;
}
a {
color: #4b67a1;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: underline;
}
/* HEADER */
#header {
height: 110px;
border-top: 1px solid #DEDAD0;
}
#header h1 {
margin-bottom: 0px !important;
padding: 20px 0 0 0;
font-weight: normal;
font-family: sans-serif;
font-weight: bold;
font-size: 24px;
}
#header h1 a, #header h1 a:visited {
color: #3D3B37;
text-decoration: none;
}

#header h2 {
color: #8D887E;
font-size: 14px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.logoimg {
margin: 18px 0 0 0;
}
.feedtwitter {
margin-top: 10px;
text-align: right;
}

/* NAVIGATION MENUS */

#pagemenucontainer {
height: 26px;
margin-top:10px;
float: right;
}

#pagemenu {
height: 26px;
float: right;
}
#pagemenu, #pagemenu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#pagemenu {
}

#pagemenu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px
}

#pagemenu li {
float: left;
list-style: none;
margin: 0px;
padding: 0;
}

#pagemenu ul li {
list-style: none;
margin: 0px;
padding: 0;

}

#pagemenu li a, #pagemenu li a:link {
color: #7E796E;
display: block;
margin: 0 0 0 10px;
padding: 4px 4px 8px 4px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#pagemenu li a:hover, #pagemenu li a:active{
color: #333;
display: block;
text-decoration: none;
border-bottom: 3px solid #DEDAD0;
}

#pagemenu li.current_page_item a {
color: #000;
border-bottom: 3px solid #DEDAD0;
}
#pagemenu li:hover, #pagemenu li.sfhover {
position: static;
}

#navcontainer {
height: 32px;
display: block;
overflow: hidden;
margin-bottom: 0px;
background: url(images/summary-menue-bg.png) top left repeat-x;
padding: 0 0 0 10px
}

#navcontainer .current-cat a {
background: url(images/nav-background-hover.png) top left repeat-x;
color: #666;
text-shadow: 0 1px 0 #fff;
}

/* CONTENT */
#content {
padding: 15px;
color: #575248;
background-color:#f0f1f3;

}

pre { overflow: auto;
width: 460px;
}
.post {
text-align:justify;
background:url(images/summary-bg.png) top left;
}
.post p {
margin-bottom: 10px;
}
.post img {
margin:5px;
}
.title {
margin: 0 20px 8px 20px;
padding: 15px 0 0 0px;
line-height: 25px;
font-family: sans-serif;
font-weight: 200;
font-size:23px;
color: #999;
border-bottom:1px solid #CCC;
}

.title a {
text-decoration: none;
color: #666;
}
.title a:hover {
text-decoration: none;
color: #4b67a1;
}
.pagetitle {
margin-bottom: 20px;
line-height: 22px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: underline;
}

.readmorecontent {
text-align: right;
margin-bottom:10px;
width:520px;
background:url(images/summary-foot-bg.png);
border-top:1px solid #F3F3F3;
height:39px;
}
.blueline {
text-align: left;
width:520px;
background:url(images/summary-tags-bg.png);
height:30px;
font-size:11px;
color:#666;
font-family: sans-serif;
}
.blueline p{
padding:7px;
color: #666;
}
.blueline a{
color: #999;
}
a.readmore {
text-decoration: none;
float:right;
margin:11px 10px;
font-size: 11px;
color: #666;
text-shadow: 0 1px 0 #CCC;
}
a.readmore:hover {
color: #333;
}
#submit {
padding: 4px 10px;
text-decoration: none;
font-size: 12px;
background: #3b5998;
color: #fff;
border:0px;
text-shadow: 0 1px 0 #292723
}
#submit:hover {
background: #4b67a1;
color: #fff;
}
.postdate {
font-size: 10px;
padding: 10px 0px 0px 10px;
font-family: Arial, Verdana;
color: #999;
float:left;
}

.postmeta {
font-size: 11px;
padding: 2px 4px;
font-family: Arial, Verdana;
}

.postdate img, .postmeta img {
border: none;
vertical-align: middle;
margin:2px;
}

.entry {
text-align: justify;
line-height: 20px;
padding: 10px;
font-family: sans-serif;
font-size: 12px;
color:#333;
}
.navigation {
padding: 10px 0;
}
blockquote {
overflow: hidden;
padding-left: 9px;
font-style: italic;
color: #666;
border-left: 3px solid #bcbbbb;
}

.post img {
max-width: 680px;
}
img.wp-smiley {
max-height: 12px;
margin: 0;
padding: 0;
border: none;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* wp-pagenavi */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
font-size: 15px !important;
padding: 4px 8px !important;
color: #35332F !important;
background:none !important;
border: 0 !important;
}
.wp-pagenavi a:hover {
border: 0 !important;
color: #fff !important;
background:#7E796E !important;
border: 0 !important;

}
.wp-pagenavi span.pages {
font-size: 15px !important;
padding: 4px 8px !important;
color: #35332F !important;
background: none !important;
border: 0 !important;
}
.wp-pagenavi span.current {
font-size: 15px !important;
padding: 4px 8px !important;
font-weight: bold;
color: #fff !important;
background:#4b67a1 !important;
border: 0 !important;
}
.wp-pagenavi span.extend {
font-size: 15px !important;
padding: 4px 8px !important;
background:transparent !important;
color: #35332F !important;
background: none !important;
border: 0 !important;
}

Alles anzeigen

lg
dala

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

Shadow

wenn du Wordpress verwendest, das vermute ich zumindest, veränderst man für Menü/Navigations Texte nicht das Thema Design (CSS)

sondern den Inhalt, die Menüpunkttext resultieren aus den Seitentitel.
diese Menüpunkte kann man entweder einfach aus der Seitenstruktur standardmässig lassen, oder per Menüeinstellungen individual zusammenstellen.

daher einfach mal durchlesen: http://doku.wpde.org/
oder Wordpress TESTEN

alchymyth

gib bitte einen link zu der webseite an;

von einem oder zwei bildern und anhand einer langen liste von styles kann niemand helfen - css muss immer im zusammenhang mit der html-struktur angepasst werden.

versuch mit Firebug oder so die styles vom menu rauszufinden;

und beschreibe genauer wo das problem ist - Shadow sieht das offensichtlich anders als ich :mrgreen:

willkommen im forum :lol:

fischnackdissen

Was alchymyth schreibt ist vollkommen richtig, bitte schicke ein Link zu deiner Testumegbung bzw. Blog dann kann dir schneller geholfen werden.
Eventuell treffe ich aber auch blind:
Versuche mal folgenden Style in der style.ccs zu finden und zu ändern:

PHP

#pagemenu ul {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px
}

dort musst du mal nach "margin:;" suchen und diesen ändern, so dass das Submenu "runtergeschoben" wird. Eventuell so

PHP

#pagemenu ul {
     float: left;
     list-style: none;
     margin: 20px 0px 0px 0px;
     padding: 0px
}

Die 20px sagt wie viel das Submenu nach unten geschoben wird.
Fisch

ps
hoffe, dass du überhaupt diesen Pixelfehler meinst, denn das geht aus deinem Screen in der Tat nicht so richtig hervor...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

theme ändern/umbauen

Jetzt mitmachen!