Ajouter une couleur spécial à l’entête sur la page d’accueil [Résolu], Html, css, javascript

[Marshall45]

Bonjour,

Actuellement je développe un site, et j'ai quelques petits problèmes sur l’header (l'entête principal).

Le site :
" monveloelectrique.store "

Quelqu'un a t'il un tuto pour ajouter une couleur spécial à la police de l'entête afin qu'elle soit blanche sur l'index (page principal), et noire sur les autres pages ?



Aussi, et si vous savez résoudre ce problème je saurais m'en rappeler

Sur l'header (l'en-tete), j'ai un bouton " up " (une flèche qui monte, et qui me permet (quand je clic dessus) de revenir en haut de la page avec un défilement en douceur. Ce bouton fonctionne, et je n'ai pas de message d'erreur, mais...

Il devrait être invisible lorsqu'on se trouve déjà tout en haut de la page. Or quand j'actualise la page je le vois tout en haut, c'est seulement quand je descend et je remonte tout en haut qu'il disparaît, et devient normal.

Je ne comprends pas pourquoi le bouton up apparaît tout en haut, car je ne vois pas d'anomalie sur mon code.

Voilà mon code si êtes d'accord pour m'aider s'il vous plait, ça m'arrangerait beaucoup

HTML

<li id="btn-up" class="btn-icone"> <a href="#haut"><button>
<img src="https://cdn.shopify.com/s/files/1/0057/4986/6567/files/up.png?6952"
style="height:30px"></button></a></li>

JAVASCRIPT

Code

$(document).ready(function() {
    $(window).scroll(function() {
      if ($(window).scrollTop() == 0) {
            $('#btn-up').fadeOut("slow");
        } else {
            if ($('#btn-up').length == 0) {
                $('body').append('<div id="btn-up">');
            }
            $('#btn-up').fadeIn("slow");
        }
    });
    $('body').on('click', '#btn-up a', function(event) {
        event.preventDefault();
        $('html,body').animate({
            scrollTop: 0
        }, 'slow');
    });
});

[Marshall45]

Bonsoir à tous

Concernant le changement de couleur de l’entête j'ai l’impression d’être à 2 doigts du résultat, mais j'ai l'impression qu'il me manque un truc.
La police de l'entête doit être rouge sur la page d'accueil et bleu sur les autres pages

Code

if (document.body.template = 'index' || document.documentElement.template = 'index') {
document.getElementById("btn-menu").style.color = 'red';
} else {
document.getElementById("btn-menu").style.color = 'bleu';
}

J'ai l'impression que l'erreur vient de cette partie, mais je ne sais pas quoi mettre à la place.

Code

(document.body.template = 'index' || document.documentElement.template = 'index')

Quelqu'un à t'il de par son expérience la clef qui me manque ?

Merci encore !

Ce message a été modifié par Marshall45 - 30 Jul 2019, 20:07.