Discussion :

[haddocks]

Bonjour,

J'essaie de créer un site en partant d'un template bootstrap trouvé sur ce site avec le lien de telechargement:

https://onepagelove.com/aria

Ma première approche est d'abord de comprendre les différentes techniques utilisées pour ensuite les adapter. j'ai déja compris beaucoup de chose mais je bloque au niveau de la navbar.
Je n'arrive pas à lui changer la couleur de fond.
Pourtant il me semblait avoir trouvé la solution dans le fichier css:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom {
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	background-color: #113448;
	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
	font: 600 0.875rem/0.875rem "Open Sans", sans-serif;
	transition: all 0.2s;
}

Mais j'ai beau modifier la couleur " background-color: #113448;" cela ne change rien lorsque je relance avec mon éditeur Bracket.

Est ce que quelqu'un pourrait essayé ?

[Manequin]

Salut,
C'est de ça que tu parles



si oui, tu n'as qu'à définir l'id="menu" dans la balise ul et appliquer son css dans le fichier style.css

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#menu{
	background-color: green;
}

Cordialement.

[haddocks]

Bonjour mannequin,

Non en fait quand tu scrolls la page un menu fixe apparait en haut:


Et c'est cette couleur bleu nuit que je cherche à modifier.
Pour moi c'est le background color ci-dessous appartenant a la classe navbar-custom qui devrait s'appliquer à cette DIV. Est ce que je me trompe ? Peut-être que c'est dû à une classe spécifique de bootstrap ?
Bizarrement quand je change la couleur rien ne change.

[Manequin]

Comme ceci ? si oui c'est le css d'un collapse




Va dans le fichier style.css



Cordialement

[haddocks]

Super merci Mannequin !

[haddocks]

Bonjour,

Dans cette exemple "top-nav-collapse" est une classe ou une action a faire sur la classe "navbar-custom" ?
Car dans le fichier html il n'y a pas de classe "top-nav-collapse".

Si possible je serais preneur d'un lien vers un cours qui explique ce cas de figure.