TB Page: How to Create Rollover Effect for Team Members in "Our Team" Section?

+1
0
-1

I have tried to recreate the View for the Our Team section in the TB Page template to use for listing events on my website. I have not been able to figure out how to achieve the rollover effect as seen when you mouse over the Team Member's name - image changes from black & white to color, name changes color, social icons change from white to color. I've searched through the CSS and looked at the Guide for TB Page, but have had no luck with what I've found. Is it all done with CSS? Or is there something else required? Thanks in advance for any assistance.

+1
0
-1

Hi Patricia,

The Team block is styled using its view class "view-our-team" which is automatically generated from the view name "Our Team". If your view has different name, you could manually add the class to your view. Below are instructions:

  1. Log in your site as an admin
  2. Go to Structure > Views > Find and edit your "Our Team" view
  3. At "Advanced" section, add the class "view-our-team" to "CSS class"
  4. Save the view

Kind regards,
Will

+1
+1
-1

Thanks very much for your answer. With your help I was able to find the relevant CSS in the style sheet and customized the class names for my site.