On all the (completed) pages of https://pideja.ca/lucnadeau/portal/, I am using a language selector design, the letters Fr and En.
However, for some reason, it’s not working on the “photos” page. I am still getting the globe icon instead.
Two different CSS files are used but both contain the following lines:
/* Language switching */
html .fa-globe:before {
font-family: 'Montserrat', sans-serif;
font-size: 0.875em;
font-weight: 400;
}
html[lang="en"] .fa-globe:before {
background-color: rgb(213, 202, 184);
content: "En";
color: black;
}
html[lang="fr"] .fa-globe:before {
background-color: rgb(213, 202, 184);
content: "Fr";
color: black;
}
#language-selector ul {
width: 110px;
background-color: rgb(213, 202, 184);
color: black;
}
.page__pallet__top .button,
.page__pallet__top .button:hover {
background-color: rgb(213, 202, 184);
color: black;
}
#widget-container {
background-color: rgb(213, 202, 184);
display: inline-block;
float: right;
height: 100%;
list-style: none;
margin-left: auto;
margin-right: auto;
min-width: 0;
vertical-align: top;
}
Just why it doesn’t work on the “photos” page eludes me so far…