Home › Forums › WordPress Themes – Premium › Lavish Pro › How did you create meet the team page
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.
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.
Still waiting for a reply……..
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
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?
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.
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.
Hi HVH,
Thank you for your suggestion, we will implement a plugin itself in the next version if possible.
Thanks
Is the information above also applicable for the Page with Default Sidebar?
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.
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
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!
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
With our premium themes, we offer access to site documentation, video tutorials and timely support. Even if you have just started on WordPress, our support staff have the patience to help you create appealing sites gracefully.
Company
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.To find out more, including how to control cookies, see here: Privacy Policy
© Copyright © 2023 Styled Themes. All Right Reserved.