Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 14, 2019 at 1:19 am #1100330
    eskitaco

    Hello,

    I am using a Button Row in a couple of places with two (2) buttons. I would like to add CSS for each button but if I use the Custom CSS Class, it affects both buttons. How can I separate the Custom CSS Class so each button behaves differently?

    First Button:
    Size = Large
    Background = #dd1a31
    Border = #dd1a31
    Hover Background = Transparent
    Hover Border = #6e6e6e

    Second Button:
    Size = Large
    Background = Transparent
    Border = #6e6e6e
    Hover Background = #dd1a31
    Hover Border = #dd1a31

    Hope that makes sense. Thanks for your time.

    May 16, 2019 at 7:49 am #1101294
    Ismael

    Hey eskitaco,

    Thank you for using Enfold.

    Use a pseudo or nth child css selector. Some examples can be found in this article.

    // https://css-tricks.com/almanac/selectors/n/nth-child/

    Best regards,
    Ismael

    May 16, 2019 at 2:44 pm #1101454
    eskitaco

    Hi Ismael,

    Thanks! I’ll try and figure this out. Never used nth child selector before so this should be fun. I’ll report back later.

    May 18, 2019 at 3:15 am #1101960
    eskitaco

    This nth child stuff is beyond my capabilities. I’ll figure it out when I have more time. Thank you, Ismael. The topic can be closed.

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