Bitte kann mir jemand helfen:
Ich suche verzweifelt im Esteem Theme in der style.css den Punkt der die verschiedenen Menüpunkte soweit auseinanderhält. Ich finde im gamzen style.css kein spacing element das ich verändern könnte.
Möchte die Menüpunkte zentriert, dichter beieinander und ein Hintergrundbild.
Aber erstmal die Punkte näher zusammen. Kann mir da jemand helfen?
code:
/* =Menu
----------------------------------------------- */
.main-navigation {
clear: both;
display: block;
float: left;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation li a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
display:none;
float: left;
position: absolute;
top: 3.2rem;
left: 0;
z-index: 99999;
border-top: 4px solid #ED564B;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul ul a {
width: 145px;
background-color: #fff;
padding: 6px 10px;
border-right: 1px solid #DFDFDF;
border-left: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
}
.main-navigation li:hover > a {
color: #ED564B;
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
display: block;
}
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current-menu-ancestor > a{
color: #ED564B;
}
/* Small menu */
.sub-toggle{
display: none;
}
.menu-toggle {
display: none;
cursor: pointer;
}