Weitere Informationen und den Download findest du auf der offiziellen Anlaufstelle de.wordpress.org
Ergebnis 1 bis 2 von 2
  1. #1
    PostRank: 1
    Registriert seit
    19.06.2017
    Beiträge
    24

    Wordpress theme Oria Menüleiste

    Hallo Liebe Community

    Ich hoffe das mir hier geholfen werden kann und das ich auch im richtigen unter Forum. Es geht darum ich eine Wordpress Installation mit dem Oria theme aufgesetzt und eine zweite menüleiste hinzugefügt. Soweit so gut nun fängt es an das ich nicht mehr durchsehe. Ich habe eine transparente leiste am oberen Rand der Website die Transparent ist. Und genau diese bekomme ich nicht weg.

    Dazu ist zu sagen das ich die main-Navigation für die top-Navigation kopiert und namentlich angepasst hab. im Anhang habe ich mal ein screenshot gemacht. Diese transparente leiste soll da weg, und das Menü am besten ganz oben rechts in die Ecke. Was in dem Screenshot nur schlecht zu sehen ist leider ist das dass Menü ca. 2 cm vom oberen Rand weg ist.

    Hier noch der Menü ausschnitt aus der style.css.
    Code:
    /*--------------------------------------------------------------
    ## Menus
    --------------------------------------------------------------*/
    /*--------------------------------------------------------------
    ## Top Menu
    --------------------------------------------------------------*/
    .top-navigation {
     clear: both;
     display:block;
     width: 100%;
     background-color: rgba(255, 255, 255, 0.15); 
     position: relative;
     z-index: 13;
    }
    .top-navigation ul {
     list-style: none;
     padding-left: 0;
     text-align: center;
    }
    .top-navigation li {
     float: right;
     position: relative;
     text-transform: uppercase;
     z-index: 11;
     font-family: 'Verdana', sans-serif;
     font-size: 13px;
    }
    .top-navigation .menu {
     display: table;
     max-width: 1500px;
     margin: 0 auto;
    }
    .top-navigation a {
     display: block;
     text-decoration: none;
     color: #000;
     padding: 10px 5px;
     border-right: 0px solid rgba(255, 255, 255, 0.2);
     -webkit-transition: background-color 0.4s;
     transition: background-color 0.4s;
    }
    .top-navigation a:hover {
     color: #fff;
    }
    .top-navigation li:last-of-type a {
     border-right: 0;
    }
    .top-navigation a:hover {
     background-color: rgba(232, 163, 23, 0.4);
    }
    .top-navigation ul ul {
     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
     float: left;
     text-align: left;
     position: absolute;
     top: 100%;
     left: -999em;
     z-index: 99999;
     background-color: #fff;
    }
    .top-navigation ul ul ul {
     left: -999em;
     top: 0;
    }
    .top-navigation ul ul a {
     width: 200px;
     color: #595959;
     border-bottom: 1px solid #e0e0e0;
     border-right: 0;
     padding: 15px 20px;
    }
    .top-navigation ul ul a:hover {
     color: #595959;
    }
    .top-navigation ul ul li {
     text-transform: none;
     font-weight: 400;
     font-family: 'Lato', sans-serif;
     font-size: 8px;
    }
    .top-navigation li:hover > a,
    .top-navigation li.focus > a {
    }
    .top-navigation ul ul :hover > a,
    .top-navigation ul ul .focus > a {
    }
    .top-navigation ul ul a:hover,
    .top-navigation ul ul a.focus {
    }
    .top-navigation ul li:hover > ul,
    .top-navigation ul li.focus > ul {
     left: auto;
    }
    .top-navigation ul ul li:hover > ul,
    .top-navigation ul ul li.focus > ul {
     left: 100%;
    }
    .top-navigation .current_page_item > a,
    .top-navigation .current-menu-item > a,
    .top-navigation .current_page_ancestor > a {
    }
    /*--------------------------------------------------------------
    ## Main Menus
    --------------------------------------------------------------*/
    .main-navigation {
     clear: both;
     display: block;
     width: 100%;
     background-color: rgba(255, 255, 255, 0.15);
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     position: relative;
     z-index: 13;
    }
    .main-navigation ul {
     list-style: none;
     padding-left: 0;
     text-align: center;
    }
    .main-navigation li {
     float: left;
     position: relative;
     text-transform: uppercase;
     z-index: 11;
     font-family: 'Verdana', sans-serif;
     font-size: 16px;
    }
    .main-navigation .menu {
     display: table;
     max-width: 1500px;
     margin: 0 auto;
    }
    .main-navigation a {
     display: block;
     text-decoration: none;
     color: #000;
     padding: 15px 10px;
     border-right: 1px solid rgba(255, 255, 255, 0.2);
     -webkit-transition: background-color 0.4s;
     transition: background-color 0.4s;
    }
    .main-navigation a:hover {
     color: #fff;
    }
    .main-navigation li:last-of-type a {
     border-right: 0;
    }
    .main-navigation a:hover {
     background-color: rgba(239, 153, 127, 0.4);
    }
    .main-navigation ul ul {
     box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
     float: left;
     text-align: left;
     position: absolute;
     top: 100%;
     left: -999em;
     z-index: 99999;
     background-color: #fff;
    }
    .main-navigation ul ul ul {
     left: -999em;
     top: 0;
    }
    .main-navigation ul ul a {
     width: 200px;
     color: #595959;
     border-bottom: 1px solid #e0e0e0;
     border-right: 0;
     padding: 15px 20px;
    }
    .main-navigation ul ul a:hover {
     color: #595959;
    }
    .main-navigation ul ul li {
     text-transform: none;
     font-weight: 400;
     font-family: 'Lato', sans-serif;
     font-size: 14px;
    }
    .main-navigation li:hover > a,
    .main-navigation li.focus > a {
    }
    .main-navigation ul ul :hover > a,
    .main-navigation ul ul .focus > a {
    }
    .main-navigation ul ul a:hover,
    .main-navigation ul ul a.focus {
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
     left: auto;
    }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
     left: 100%;
    }
    .main-navigation .current_page_item > a,
    .main-navigation .current-menu-item > a,
    .main-navigation .current_page_ancestor > a {
    }
    Ich hoffe das ihr damit etwas anfangen könnt denn ich bin am ende meines Lateins^^

    MFG
    Dacki
    Angehängte Grafiken Angehängte Grafiken


  2. #2
    PostRank: 1
    Registriert seit
    19.06.2017
    Beiträge
    24
    Hallo liebe Community

    in der Zwischenzeit habe ich die Transparente leiste am oberen rand selber ausblenden können bzw. ein workaround dafür gefunden. Dies ist einfach nur das ich die Transparenz auf 0 gesetzt habe.

    Nun bleibt mir nur noch die frage wie bekomme ich das menü nach oben rechts an den rand wo ja dieser transparente kasten steht . Ich danke euch für eure mühen.

    /*--------------------------------------------------------------
    ## Top Menu
    --------------------------------------------------------------*/
    .top-navigation {
    clear: both;
    display:block;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    position: relative;
    z-index: 13;

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •