Theme Meeta, Schriftfarbe + Zentrierung im Logo funktioniert einfach nicht

  • Hallo,

    ich bin absoluter Anfänger in WP und brauch für die einfachsten Sachen diverse Stunden :) Trotzdem kämpfe ich mich da irgendwie durch aber im Moment komme ich absolut nicht weiter. Installiert ist das Theme Meeta -WPZOOM

    Ich versuche krampfhaft überhalb des Logos
    1. den Hover Effekt auszuschalten
    2. Die Schrift schwarz zu bekommen (und das soll sie auch bleiben wenn man mit der Maus drüber fährt)
    3. Das Menü zu zentrieren

    Ich habe nun schon über 30 Minuten in der Style.css sämtliche Farbcodes mit dem HTML Code für Schwarz ausgestattet aber das Menü ändert sich einfach nicht. Die Hintergrundfarbe konnte ich ohne Probleme ändern.

    Das Menü bekomme ich nur auf left oder right. Gebe ich Center ein, bekommt das Top Menü unten und oben einen kleinen weißen Rand und die Schrift zentriert sich nicht.
    Ich habe auch versucht über das WP Interface direkt die Farbe zu ändern. Auch da ohne Erfolg. überall was möglich war, schwarz eingestellt aber nichts ändert sich.


    Rest habe ich rausgenommen wg. Begrenzung vom Post. Da kommt aber glaube ich auch nichts relevantes mehr.
    Bin für jede Hilfe dankbar

    Gruß, Santazero

    • Anzeige

    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

  • Hier mal als Anhang die Style CSS (Ausschnitt):


    1. Toolbox CSS ------------------------- All Theme Files


    *********************************************************************************************/


    /* Reset & General Styling */
    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
    html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    abbr[title] { border-bottom: 1px dotted; }
    b, strong { font-weight: bold; }
    blockquote { margin: 1em 40px; }
    dfn { font-style: italic; }
    hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
    mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
    pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
    pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
    q { quotes: none; }
    q:before, q:after { content: ""; content: none; }
    small { font-size: 85%; }
    sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
    sup { top: -0.5em; }
    sub { bottom: -0.25em; }
    ul, ol { margin: 0; padding: 0; list-style-position: inside; }
    ul ul, ol ol, ul ol, ol ul { margin: 0; }
    dd { margin: 0 0 0 40px; }
    nav ul, nav ol,
    #mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }
    img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
    svg:not(:root) { overflow: hidden; }
    figure, form { margin: 0; }
    fieldset { border: 0; margin: 0; padding: 0; }
    legend { border: 0; *margin-left: -7px; padding: 0; }
    label { cursor: pointer; }
    button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
    button, input { line-height: normal; *overflow: visible; }
    table button, table input { *overflow: auto; }
    button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
    input[type=checkbox], input[type=radio] { box-sizing: border-box; }
    input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
    input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
    textarea { overflow: auto; vertical-align: top; resize: vertical; }
    input:valid, textarea:valid { }
    input:invalid, textarea:invalid { background-color: #f0dddd; }
    table { border-collapse: collapse; border-spacing: 0; }
    th { text-align: left; }
    tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #E4E4E4; }
    td { vertical-align: top; }


    /* Smart clearfix */
    .clear, .cleaner { clear: both; height: 0; overflow: hidden; }
    .clearfix:before, .clearfix:after { content: ""; display: table; }
    .clearfix:after { clear: both; }
    .clearfix { zoom: 1; }


    /* Headings */
    h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none; }
    h1 { font-size: 26px; }
    h2 { font-size: 22px; }
    h3 { font-size: 20px; }
    h4 { font-size: 16px; }
    h5 { font-size: 14px; }
    h6 { font-size: 12px; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none; }


    ::-moz-selection { background: #213446; color: #fff; text-shadow: none; }
    ::selection { background: #213446; color: #fff; text-shadow: none; }


    img::-moz-selection { background: transparent; }
    img::selection { background: transparent; }


    /* Navigation */
    div.navigation { text-align:center; margin: 0 0 10px; font-size: 12px; }
    div.navigation a { font-weight: normal; padding:0 10px; line-height: 50px; }
    div.navigation span.current { padding: 0 10px; color:#18629D; font-weight:bold; }
    div.navigation span.pages { margin-right: 10px; display: none; }
    div.navigation .alignleft, div.navigation .alignright { margin: 0; }


    .floatleft { float: left; }
    .floatright { float: right; }


    /* Forms */
    input[type="text"],input[type="password"] { border: 1px solid #e3e3e3; color: #564B4B; font-weight: normal; padding: 7px 6px; margin:0 0 10px;}
    textarea { border: 1px solid #e3e3e3; color: #564B4B; font-weight: normal; padding: 7px 6px; margin: 0 0 10px;}
    input[type="submit"],input[type="reset"] { background-color: #418cd8; color: #fff; border: none; font-size: 12px; padding: 7px 10px 8px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,0.2); margin: 0 0 0 7px; position: relative; cursor:pointer; border:1px solid #2974c0; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; }
    input[type="submit"]:hover,input[type="reset"]:hover { background-color: #3580cc; }
    input[type="submit"]:active,input[type="reset"]:active { background-color: #2970b9; }
    label { font-weight:bold;}


    /*********************************************************************************************


    2. Global Styles


    *********************************************************************************************/


    body {
    font-family:Arial, Helvetica, sans-serif;
    background: #ebebeb;
    line-height:1.5;
    font-size:13px;
    color:#555758;
    margin:0;
    padding:0;
    }


    /* Links */
    a { color: #317cc8; text-decoration:none; }
    a:hover { color:#0867c7; text-decoration:underline;}
    a:focus { outline: none; }
    a:hover, a:active { outline: none; }


    p { margin: 0 0 15px; padding: 0; }


    .wrap {
    margin: 0 auto;
    width: 1060px;
    }


    .wide {
    margin-top: 60px;
    background: #fff;
    border: 1px solid #dadada;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    }


    /*********************************************************************************************


    3. Header ------------------------- header.php


    *********************************************************************************************/


    #header {
    background: #E6E6E6;
    }


    #logo {
    float: left;
    margin: 3px 0 5px 25px;
    }


    #logo h1 {
    line-height:1.3;
    }


    #logo h1 a {
    coloR:#190707;!important;
    font-size:16px;
    font-weight:bold;
    }


    #logo h1 a:hover {
    color:#DBDFE1;
    }


    #navbar {
    float: left;
    margin: 5px 16px 5px 30px;
    color:#fff;
    }


    #navbarsecond {
    background: #eaeaea;
    }


    #secondnav {
    background: #eaeaea;
    line-height: 25px;
    padding: 12px 30px 3px;
    }


    #secondnav span {
    color: #827f7f;
    font-size: 12px;
    float: left;
    }


    #secondnav ul {
    list-style: none;
    }


    #secondnav li {
    float: left;
    font-size: 10px;
    background: #fff;
    color: #BCBCBC;
    display: block;
    height: 21px;
    padding: 3px 13px 0;
    margin: 0 7px 10px;
    border-radius: 10px;
    line-height:1.5;
    }


    #secondnav li a {
    font-size:12px;
    color:#758ea9;
    }


    #secondnav li:hover {
    background:#f2f4f6;
    transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;
    }


    #secondnav li a:hover {
    text-decoration: none;
    }


    .breadcrumbs {
    float: left;
    font-size: 12px;
    color: #6D7A81;
    display: block;
    margin: 0 7px 9px 0;
    }


    .breadcrumbs h1 {
    color:#6D7A81;
    font-size:12px;
    }


    /* Dropdown menu */
    .dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
    .dropdown { line-height: 1.0; }
    .dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
    .dropdown ul li { width: 100%; }
    .dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
    .dropdown li { float:left; display:inline; position: relative; }
    .dropdown a { position: relative; }
    .dropdown li:hover ul,
    .dropdown li.sfHover ul { left: 0; top:33px; /* match top ul list item height */ z-index: 99; }
    ul.dropdown li:hover li ul,
    ul.dropdown li.sfHover li ul { top: -999em; }
    ul.dropdown li li:hover ul,
    ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
    ul.dropdown li li:hover li ul,
    ul.dropdown li li.sfHover li ul { top: -999em; }
    ul.dropdown li li li:hover ul,
    ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }


    .dropdown {
    float:left;
    }


    .dropdown a {
    padding: 8px 10px;
    margin:0 5px 0 0;
    text-decoration:none;
    line-height:1.5;
    font-size: 13px;
    color: #fff;
    display:block;
    }


    .dropdown a:hover {
    color:#DBDFE1;
    }


    .dropdown ul {
    text-align: left;
    margin: 0;
    background:#213446;
    border-top:none;
    z-index:999;
    padding:5px 0;
    }


    .dropdown ul ul {
    top:0;
    padding:0 0 5px;
    }


    .dropdown .current_page_item a,
    .dropdown .current-cat a,
    .dropdown .current-menu-item a,
    .dropdown .current_page_item a,
    .dropdown .current-cat a,
    .dropdown .current-menu-item a {
    outline:0;
    color: #fff;
    font-weight:bold;
    }
    .dropdown .current_page_item ul a,
    .dropdown .current-cat ul a,
    .dropdown .current-menu-item ul a,
    .dropdown .current_page_item ul a,
    .dropdown .current-cat ul a,
    .dropdown .current-menu-item ul a {
    outline:0;
    font-weight:normal;
    color:#c0c0c0;
    }


    .dropdown li ul li {
    color:#fff;
    float:left;
    margin:0;
    padding:0;
    }


    .dropdown li ul li a {
    color:#fff;
    margin:0;
    padding:7px 10px;
    font-size:11px;
    }


    .dropdown li:hover a {
    color:#DBDFE1;
    }


    .dropdown li:hover ul a {
    color:#fff;
    }


    .dropdown li ul a:hover {
    color:#DBDFE1;
    }


    .dropdown a.sf-with-ul {
    min-width:1px;
    }


    /*********************************************************************************************


    4. Homepage ------------------------- index.php


    *********************************************************************************************/


    #main {
    background: #fff;
    border-right: 1px solid #ebebeb;
    float: left;
    width: 699px;
    padding-top:30px;
    }


    #main .post {
    margin: 0 0 35px;
    }


    #main .post-content {
    padding: 0 30px 0 29px;
    margin:0 0 20px;
    }


    .post h2.title, .post h1.title {
    margin: 0 0 4px;
    line-height:1.3;
    }


    .post h2.title a, .post h1.title a {
    color: #190707;!important;
    font-size: 28px;
    letter-spacing:-1px;
    }


    .post h2.title a:hover, .post h1.title a:hover {
    color:#000;
    }

  • Was sollen wir mit der CSS, wenn wir das HTML/PHP nicht kennen? So wird das nichts. Am Besten ist es immer, wenn man einen Link zur Problemseite bekommt, damit man sich das Live anschauen kann.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!