Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 3, 2024 at 5:15 pm #1470505
    mandystohry1

    I have added the following code for column content to be highlighted when hovered over. 

    .flex_column.avia-link-column:hover {
background-color: rgba(118, 54, 38, 1);
}

    This is working great but I want it to apply to only certain columns – not every column on the site. I believe I need to utilize the Developer > Custom ID Attribute section and Customize > Additional CSS but I’m not sure how to make it work.

    • This topic was modified 1 month, 3 weeks ago by mandystohry1.
    November 3, 2024 at 6:46 pm #1470507
    Guenni007

    a little bit under the column link settings there is the “Developer Settings” Tab – you can set here a custom css class.
    that custom class goes like the avia-link-column class to the flex_column class so – if it is for example special-highlight – you code could change to :

    .flex_column.special-highlight:hover {
  background-color: rgba(118, 54, 38, 1);
}
    November 3, 2024 at 9:10 pm #1470516
    mandystohry1

    Thank you! That code worked perfectly.

    November 3, 2024 at 10:09 pm #1470518
    Mike

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Custom ID Attribute CSS help’ is closed to new replies.