Avatar billede Jacob Hedelund Praktikant
14. oktober 2024 - 10:35 Der er 3 kommentarer

Kodning af element i custom css

Jeg har bøvlet længe med at få dette til at virke.
På denne side https://lokal.hjerteforeningen.dk/boerneklubben/
er der en menu i toppen. Når man vælger en kategori så kommer der en række nedenunder. Når jeg flytter cursor ned på rækken så ændrer baggrundsfarven sig delvist til #fff i menupunktet og tekstfarven ændrer sig til #c8102e.
Jeg ønsker den skal bevare baggrundsfarven #efe6dd og tekstfarven på menupunktet skal være #f74030.
Jeg benytter et custom css modul til at overskrive kildekoden, hvilket har virket fint på alt det andet jeg har ændret.
Jeg har forsøgt med en masse :hover,  men har endnu ikke ramt den rigtige. Er der mon nogen, der har et bud på en kode, der kan virke?
Avatar billede Henrik Hansen Forsker
14. oktober 2024 - 13:02 #1
Prøv at fjerne baggrundsfarve på
.has-meganav .meganav__item>a>i
og
.has-meganav .meganav__item:hover>a
Avatar billede Henrik Hansen Forsker
14. oktober 2024 - 13:48 #2
Du kan f.eks. tilføje en trekant under valgte hoved-menu, for at mærkere hvilken hoved-menu der er valgt :

Tlføj position: relative til
.has-meganav .meganav__item:hover>a
og tilføj denne regel:
.has-meganav .meganav__item:hover>a::after {
    position: absolute;
    content: " ";
    left: calc(50% - 14px);
    bottom: 8px;
    width: 0;
    height: 0;
    display: block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid white; /* border-top = trekant ned */
}
Avatar billede Jacob Hedelund Praktikant
14. oktober 2024 - 19:46 #3
Tak Henrik

Jeg prøver din opskrift og vender tilbage hvis jeg kan få det til at virke.
Jeg har også af anden vej fået et tip om !important-hacket :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester