Ondersteuning » Thema en CSS/opmaak » customizing hover link twentytwentyFour

  • Hoi,

    IK wil graag het hover effect veranderen in de 2024 theme. Dus dacht ik dit te veranderen :

    
    
    
    
    "core/navigation": {
    
                    "elements": {
    
                        "link": {
    
                            ":hover": {
    
                                "typography": {
    
                                    "textDecoration": "underline"
    
                                }
    
                            },
    
                            "typography": {
    
                                "textDecoration": "none"
    
                            }
    
                        }
    
                    },
    
                    "typography": {
    
                        "fontWeight": "500"
    
                    }
    
                },

    in dit :

    
    
    
    
    "core/navigation": {
    
                    "elements": {
    
                        "link": {
    
                            ":hover": {
    
                                "typography": {
    
                                    backgroundColor: red, 
                                    color: white
    
                                }
    
                            },
    
                            "typography": {
    
                                "textDecoration": "none"
    
                            }
    
                        }
    
                    },
    
                    "typography": {
    
                        "fontWeight": "500"
    
                    }
    
                },

    Maar ik zie nog steeds dat de links underlined worden in het menu in de header.


    Wat kan ik doen om dit op te lossen ?

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Guido

    (@guido07111975)

    Hoi Roelof,

    Waarom pas je het niet aan in de editor? Kun je toch naar wens instellen via de instellingen vh navigatieblok?

    Guido

    Thread starter roelof

    (@roelof)

    O, kan dat,
    Kan ik dan ook een rood blokje rond de link maken of heb ik daar toch css voor nodig.

    Het orgineel heeft een padding van 16px.

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