customizing hover link twentytwentyFour

  • roelof

    (@roelof)


    7 maanden, 3 weken geleden

    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)

    7 maanden, 3 weken geleden

    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)

    7 maanden, 3 weken geleden

    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)
  • Het onderwerp ‘customizing hover link twentytwentyFour’ is gesloten voor nieuwe reacties.