Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 2, 2021 at 9:11 pm #1284877
    teamjamaweb

    Is there a way for me to add a class to individual buttons in a button row? If not, is there a function that will create the field for me that I can put in my child theme or custom plugin? This isn’t for styling- I need to add a class to some buttons to trigger the lightbox. I’m trying to avoid targeting the buttons individually through jquery addClass.

    Thanks!

    March 3, 2021 at 4:34 pm #1285068
    Yigit

    Hey,

    Would targeting buttons using nth-child help? For example, you could give your Button Row element a custom CSS class (“custom-button-row” in example below) and then use following selector to target 2nd button in the row
    .custom-button-row .avia-button:nth-child(2)

    Regards,
    Yigit

    March 3, 2021 at 7:28 pm #1285101
    teamjamaweb

    Thank you for the suggestion. Unfortunately the buttons I need to target can be in any position from 1-3. So, for now, I am targeting the button href via jQuery by setting standard link conventions (contains “-video” etc).

    But this feature or the ability to add this feature via child theme would be really great!

    Thanks again!

    March 5, 2021 at 1:53 pm #1285728
    Rikard

    Hi,

    Great, I’m glad that you found a solution. We’ll take this into consideration for a future release of the theme.

    Best regards,
    Rikard

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