• Super User

    Personalizzare css menu

    Ho aggiunto un menu wordpress 3.0 in un tema che non lo supportava nativamente aggiungendo in functions.php

    add_action( 'init', 'register_my_menu' );

    function register_my_menu() {
    register_nav_menu( 'primary-menu', __( 'Primary Menu' ) );
    }

    E in header.php <?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>

    Il risultato è che mi vengono stampati i nomi delle pagine senza alcun stile. Potete vederlo qui:
    jessexperience . altervista . org (in alto, chi sono, contatti, ecc..)

    Allora ho aggiunto nel css queste righe senza risultato:

    #primary-menu li.current-menu-item a {
    background: #fff;
    border-top: none;
    border-bottom: 2px solid;
    }

    image

    Quello che vorrei io innanzitutto è che le pagine fossero disposte orizzontalmente e poter intervenire su colore e grandezza carattere. Chi mi aiuta?


  • ModSenior

    Ciao Katherine, sai che no vedo il problema come nell'immagine? L'hai già risolto?

    Valerio Notarfrancesco


  • Super User

    In parte. Grazie a un'altro tutorial trovato online sono riuscita a far apparire il menù orizzontalmente. Ma vorrei innanzitutto che le pagine si trovassero a destra e che lo sfondo nero non fosse così lungo ma coprisse solo la parte dove si trovano realmente le pagine.
    Qui c'è il css che ho usato per menù.

    Non sono molto esperta di css..se qualcuno ha qualche idea. Grazie


  • ModSenior

    Nemmeno io sono un esperto di CSS, quindi spero che qualcuno segnali un modo migliore e più pulito del mio.
    Io modificherei le regole di stile associate all'id "access" in questo modo:

    float: right;
    width: 340px;
    margin-left: 940px;
    Ti torna?

    Valerio Notarfrancesco


  • Super User

    Decisamente molto meglio! Devo un pò lavorare su colore, ecc..ma va bene 😉

    Mi crea qualche problema la posizione. Infatti vorrei affiancare il menù al nome del sito, ma appare sopra lasciando un antiestetico spazio bianco e tra l'altro sparisce il motto del sito.

    image

    Questo il pezzetto di codice nell'header:

    <div id="header">
    <div id="access">
    <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'navtop' ) ); ?></div>
    <div id="logo"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a><p class="description"><?php bloginfo('description'); ?></p></div>

    Per il momento ho risolto mettendo il menù fuori del div "header"
    Non mi convince però il grigio di sfondo. Lo vorrei cambiare con qualcosa di più chiaro. Che ne dici?


  • ModSenior

    In effetti è "troppo" grigio.
    Potresti provare a impostare un'immagine come background, magari la stessa del footer images/bgr_footer.png.

    Valerio Notarfrancesco


  • Super User

    Si proverò a lavorarci un pò...resta il problema della posizione del menù: mi finisce o sopra o sotto, ma a lato rispetto al titolo del blog non ci vuole proprio stare 😞


  • ModSenior

    Proverei a spostare id=access dentro id=header poi nel css togli il martin-left associato a id=access. In questo modo il menu dovrebbe scivolare alla destra del titolo.

    Valerio Notarfrancesco