Support » CSS / opmaak vragen » twenty eleven: menubalk andere kleur en letters veranderen

  • Opgelost hapipiko

    (@hapipiko)


    hallo, momenteel ben ik bijna klaar met mijn website: http://www.kunstenaaropschool.nl
    Ik wil de kleur van de menubalk aanpassen* en de te grote letters boven iedere pagina (‘home, workshops’) verkleinen en mogelijk ook een andere kleur geven.

    Heb een child theme gemaakt, en daarin het complete style.css gekopieerd van de parent, zodat ik aanpasingen kan doen die niet worden overschreven.

    met vriendelijke groet,

    Tim
    *ben ook met een website bezig in thema ‘Pinboard’ en daar kun je bij themeoptions de kleur van menubalk aanpassen, maar in ‘Twenty Eleven’ zit deze mogelijkheid niet

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Hallo Tim,

    Allereerst is jouw werkwijze met child-themes niet de juiste. Onderstaand is de juiste werkwijze om een child theme te beginnen voor, in dit geval, het thema: Twenty Thirteen.

    /*
     Theme Name:     Twenty Thirteen Child
     Theme URI:      http://example.com/twenty-thirteen-child/
     Description:    Twenty Thirteen Child Theme
     Author:         John Doe
     Author URI:     http://example.com
     Template:       twentythirteen
     Version:        1.0.0
    */
    
    @import url("../twentythirteen/style.css");
    
    /* =Theme customization starts here
    -------------------------------------------------------------- */

    Met de lijn @import url("../twentythirteen/style.css"); wordt alle css code van het thema overgenomen. Meer info over child themes vind je op http://codex.wordpress.org/Child_Themes

    Om de achtergrondkleur van het menu te veranderen heb je onderstaande code nodig.

    #access {
    background: <kleur>;
    }

    Waar <kleur> staat moet je deze vervangen door een hexadecimale waarde zoals #eeeeee (grijs). Je kan ook gebruik maken van gradiƫnten in css3 of afbeeldingen.

    Voor de tekst te verkleinen en eventueel van kleur te veranderen heb je onderstaande css code nodig.

    .singular .entry-title {
    color: #000;
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
    }

    Veel succes!

    Hoi Shaun,

    het is helemaal gelukt!
    Heb bij colorpicker.com een kleurschema en codes geraadpleegd.

    heel erg bedankt.

    Tim

    Ik zag ’t dat het gelukt is, graag gedaan en tot een volgend probleem!

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘twenty eleven: menubalk andere kleur en letters veranderen’ is gesloten voor nieuwe reacties.