Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 10, 2017 at 12:25 pm #775393
    MIMMT

    Hi all,

    I have two extra large buttons on a page and I need to assign a different rollover state.

    I know I can style .avia-button.avia-size-x-large for one button and add custom css classes to both but can’t see to find the way to target each button hover state independently.

    Thanks in advance for any help with this.

    April 10, 2017 at 10:11 pm #775676
    Vinay

    Hey MIMMT,

    You need to add 2 separate class names to the two buttons.

    Example: let’s add class names “btn-one” and “btn-two” to the two buttons.

    /* Hover Effect */

.btn-one:hover {
  /* YOUR CSS HERE */
}
.btn-two:hover {
  /* YOUR CSS HERE */
}

    Best regards,
    Vinay

    April 11, 2017 at 8:02 am #775857
    MIMMT

    Hi Vinay,

    This is the approach I tried and it did not work.

    April 11, 2017 at 12:55 pm #775980
    Victoria

    Hi MIMMT,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.