How did you create meet the team page

[HVHCollaborative]

I am trying to create a similar page as Lavish demo team page I know how to get the icons using icons, but did you content widget boxes for teach tema member, columns or did you use a short code using the style portfolio?

Thanks for the help.

[HVHCollaborative]

As a note, the meet the team page in the demo was one of the reasons we went with this theme. However, it does not appear to be a simple plugin. As 6 pages are dedicate to staff, team members, this does not look promising. I have been exploring plugins that I hope will.

[HVHCollaborative]

Still waiting for a reply……..

[Shekhar Bhandari]

Hi there,

Sorry for the late responsive, to create the meet the team page you can use the snippets available in the theme package folder named meet_the_team.txt, you will find a complete instructions to do so and you don’t need a plugin also.

Thanks

[HVHCollaborative]

Thanks for telling me about it being in the snippets. I have looked all over your site for instructions how to work with the snippets, do I create a page using the snippet. In other words, I do I activate them?

[HVHCollaborative]

From everything I have found, this does not allow a non tech person to use. Unless I missed something. Also you have no instructions, no documentation, videos, nothing to show how to use the snippets. So you do not provide instructions. I don’t have hours to figure this out. Even Googling, I can’t find any thing to help.

[Shekhar Bhandari]

Hi HVH,

Sorry for the trouble, You can use the snippets in any existing pages, page, widgets, for example you want a meet the team page then you need to copy this code.

	

	

		
ENTER TEAM MEMBER NAME
		
TEAM MEMBER POSITION
		

			

							

								
									
								
							
																		
							

								
									
								
							
							

								
									
								
							
							

								
									
								
							
							

								
									
								
							
							

								
									
								
							
						
					
				
			

Let us know if you have any questions.

Thanks

[HVHCollaborative]

I got the snippet. The problem is unless you know HTML this isn’t worth anything. The whole plus to creating WordPress is to allow non coding people to update their sites. This snippet requires HTML coding to add or change any information about a team member. It would have been nice if you created or had a recommended third party plugin instead.

[Shekhar Bhandari]

Hi HVH,

Thank you for your suggestion, we will implement a plugin itself in the next version if possible.

Thanks

[Leonore Vervoorn]

Is the information above also applicable for the Page with Default Sidebar?

[Binaya D]

Hi Leonore,

Please use the following code to fix your issue and it is also applicable for the page with Default Sidebar:

	

	

		
ENTER TEAM MEMBER NAME
		
TEAM MEMBER POSITION
		 

			

			  
																		
			  
				
			  
				
			  
					
			  

			  
									
			
				
		 
					
	
							
	

Thanks

[Uwe Schmidt]

Hello,
we also have some issues building that team page without any coding skills. We implemented the team-snipped and everything works fine. I just want to change to colors of the text and background. Sadly there is no example where and how to put the “colorbg_COLORNAME”. Could you give an example with your existing snipped you just posted with an altered color? Doesn’t matter which color, just a clue where and how to put it in. This may seems to be a simple question, but we googled a lot and nothing works. Same goes for the colour of the twirling icons background.

Thank you very much in advance.

[Sushil Adhikari]

Hi Uwe Schmidt,

So you have used mee the team page snippet and trying to change color , then here is the solution .

Fist find out the container which wrap your content[ content area you are going to change background color]. In there content are wrap using div tag

  content 

Here we had illustrate an example to change background color of team content. Here we have used inline style concept of css @see Inline style concept

      
Styled Themes
		
WordPress Developer
		

      ................

Note: You can select color from html snippets and can place in replace with black given in example

Let us know how it will goes.

Thanks

[Uwe Schmidt]

Hello,

thank you very much for the quick reply and it was very helpful. Nonetheless the icons don’t have any color at all since the beginning and I don’t know where to alter the twirling icon background color. Is there a chance to turn off this twirling effect without extended coding? There is also a colored margin at the bottom of the icon background. The colored margin on the left and side could be changed with “background-color: white”. The “color: #cedc00” (maybe the position is wong) doesn’t do anything, that’s the color I want the icons to have, or the twirling background.

So again, it would be very kind of you to give an example for:

– icon color
– hover background color
– hover icon color

I tried this and this doesn’t do anything. But as I said, I have zero coding skills.

Thanks again in advance!

[Sushil Adhikari]

Hi there,

Please add this css on child theme or on custom css plugin editior screen to fixed your issue.

.la-team-social li:hover {
	background-color: #908686;
	-webkit-transform:none;
	transform:none;

}

There in css , you can change value of background color as per your requirement. This also removed twirling icon.
And for facebook icon you need to place as below example

Note : You need to place this in one line on page editor.

@see http://fortawesome.github.io/Font-Awesome/icon/facebook/

Let us know how it will goes

Thanks

[Author]

Posts