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.

+1
0
-1

Really like to visit here and connect the way for the information to how to fix connections to bluetooth audio devices and wireless displays in windows 10 many web users have to get this update to create the best communication to all over the world thanks.

+1
0
-1

At this technology for download best apps from the play store and enjoy free amazing applications. The paid option is also available to go with play store app download for latest apps for your device.