StyledThemes

How did you create meet the team page

Home Forums WordPress Themes – Premium Lavish Pro How did you create meet the team page

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #16547

    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.

    #21761

    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.

    #21764

    Still waiting for a reply……..

    #21765
    Shekhar Bhandari
    Participant

    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

    #21772

    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?

    #21773

    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.

    #21775
    Shekhar Bhandari
    Participant

    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

    #21783

    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.

    #21790
    Shekhar Bhandari
    Participant

    Hi HVH,

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

    Thanks

    #21948

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

    #21950
    Binaya D
    Participant

    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

    #22333
    Uwe Schmidt
    Member

    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.

    #22338
    Sushil Adhikari
    Moderator

    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

    #22342
    Uwe Schmidt
    Member

    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!

    #16548
    Sushil Adhikari
    Moderator

    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

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.