Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 9, 2023 at 9:28 pm #1400597
    Monika

    Hey There,

    I would like to build two kinds of buttons each with a specific css Style (and each with hover)
    What would the code be like? I tried this one but it does not work.

    .avia-button .schwarzer-button {
    …
    }

    .avia-button:hover .schwarzer-button{
    …
    }

    .avia-button .outline-button {
    …
    }

    .avia-button:hover .outline-button{
    …
    }

    Thank you!

    March 9, 2023 at 11:18 pm #1400602
    Guenni007

    the “avia-button” is the anchor itself. i guess you like to have the div parent container styled- this is class: avia-button-wrap

    and to have an outline on that parent div it might be better to set – otherwise there will be a gap between background and outline on top/bottom :

    #top  div .avia-button {
  margin: 0 !important
}

    next hint: the class schwarzer-button and outline-button are custom classes you set?
    this custom-class goes to that parent div.

    .avia-button-wrap.schwarzer-button {
…
}

.avia-button-wrap.schwarzer-button:hover{
…
}

.avia-button-wrap.outline-button {
…
}

.avia-button-wrap.outline-button:hover {
…
}
    • This reply was modified 1 year, 6 months ago by Guenni007.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.