Aangemaakte reacties

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Thread starter bpoolen

    (@bpoolen)

    Hallo Ruurd,
    Ik heb wel een beetje kennis van HTML en CSS, de grote lijnen, maar javascript ben ik niet bekend mee.
    Mijn voorkeur gaat ook uit naar één menu.

    Thread starter bpoolen

    (@bpoolen)

    Bedankt voor de reactie John,
    ik zal kijken hoe ik het kan verbeteren.

    Thread starter bpoolen

    (@bpoolen)

    Hallo Arjan, bedankt voor alle hulp. Ik heb er heel wat van geleerd, en kan weer verder met het verbeteren van mijn website.
    Met vriendelijke groet, Bas Poolen

    Thread starter bpoolen

    (@bpoolen)

    In de WordPress Codex staat een artikel met uitleg hoe je met het functions.php bestand kan zorgen dat het Child theme css geladen wordt na het parent theme css. https://codex.wordpress.org/Child_Themes . Ik heb het functions.php bestand aangemaakt en geplaatst in de Nevler-child map. Ik weet nog heel weinig van PHP, dus ik weet niet of ik de code goed heb gemaakt. Maar wel heb ik een sterk vermoeden dat hier het probleem zit.
    Zo ziet mijn functions.php in het Child theme er uit:

    
    <?php
    function my_theme_enqueue_styles() {
    
        $parent_style = 'nevler-style'; // This is 'nevler-style' for the Nevler theme.
    // above the text = 'parent-style' has been changed in = 'nevler-style' for making ready the child theme.
    
        wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
        wp_enqueue_style( 'child-style',
            get_stylesheet_directory_uri() . '/style.css',
            array( $parent_style ),
            wp_get_theme()->get('Version')
        );
    }
    add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
    ?>
    

    Als dit niet werkt dan ga ik de andere methode toepassen die je hebt uitgezocht.

    Thread starter bpoolen

    (@bpoolen)

    De aanpassingen die ik wil doen in het main.css van het Parent Theme heb ik geplaatst in het style.css van het Child Theme. Al deze aanpassingen worden nog steeds overschreven door het main.css van het Parent Theme.
    Hoe kan dat?

    voorbeeld:

    regel 869 style.css van Child Theme:

    
    #top-bar {
       background: #00222b;
    }
    

    de kleur #00222b in style.css regel 869 wordt overschreven door main.css regel 35 kleur zwart.

    Er is één uitzondering waar het wel lukt:

    
    #top-menu ul li a:hover {
      color: white;
      background-color: #00cfdd;
    }
    

    De achtergrondkleur #00cfdd in style.css van Child Theme wordt niet overschreven door main.css. Color: white wordt weer wel overschreven.
    Het lukt me alleen niet om deze code terug te vinden in het inspectievenster om te zien hoe dat kan. Als ik op het menu rechts-klik dan vind ik wel #top-menu ul li a , maar niet #top-menu ul li a:hover .
    – Hoe kan ik dat vinden?

    .nl / .com
    Ik ben wel van plan om nog een Nederlands deel van de website te maken, maar mijn prioriteit ligt bij Engels.

    Headers.
    Wat de headers betreft dat ga ik nog uitzoeken.

    Thread starter bpoolen

    (@bpoolen)

    — Het begint me duidelijk te worden hoe ik de code kan vinden en het css moet aanpassen.
    Als je weet hoe het werkt dan is het zo simpel!
    Ik heb de aanpassingen geplaatst onderin het main.css van het Parent theme.
    Ben ik dat kwijt bij een update van het Parent theme?
    Ik heb geprobeerd dat op te lossen door de aangepaste main.css bij het Child theme te zetten, maar dan zijn de aanpassingen niet zichtbaar.
    Wat is de handigste werkwijze?

    — Het probleem met de koptekst:

    – WordPress zet bovenin de pagina automatisch de koptekst die in het menu staat. Volgens het inspectievenster is dat een H1 header. Iedere pagina krijgt dus zo’n H1 header.
    Wat ik niet begrijp is dat Yoast zegt dat er geen koptekst is bijvoorbeeld bij pagina “Contact”, terwijl “Contact” een H1 header is die geplaatst is door WordPress.

    – Bij de homepage wil ik niet dat “Home” vermeld wordt. Moet ik in de css dan overal de #primary-mono h1.entry-title weghalen? Dit durf ik niet zomaar op eigen houtje te doen om een crash te voorkomen!
    p.s. De afbeelding staat in de paragraaf, en is voor zover ik kan zien geen header.

    Thread starter bpoolen

    (@bpoolen)

    Als ik mijn eigen tabellen onder in het style.css aanpas dan is het op de website direct zichtbaar.
    Ik heb mijn naam boven in style.css gezet, en dat kan ik ook zichtbaar maken met de Firefox browser: rechtsklik op de pagina – element inspecteren -{} stijleditor – style.css 121 regels
    Dit werkt denk ik naar behoren.

    Ik heb de volgende dingen in mijn style.css aangepast zonder resultaat:
    hoofdstuk 5.1 kleuren links
    hoofdstuk 5.2 kleur menu: .main-navigation background-color: #5ce3f2; in plaats van zwart

    De kleur voor de fonts kan ik niet vinden.

    Naast de bovenenoemde aanpassingen van kleuren en links wil ik ook nog het woord “zoeken” bovenin het scherm veranderen in “search” . Geen idee waar dat wordt vastgelegd.

    Wil je meekijken op de website?

    Mijn website is: http://worldofmicromodels.nl/

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)