Support » Plugin: Our Team by WooThemes » Team Layout Issues

  • I have installed the pluggin, and all works fine, however the layout of my team page looks a mess (

    I have grabbed the woothemes-our-team-template.php from GitHub and uploaded it via ftp. However it doesn’t appear on the drop down menu within the page editor?

    I just want a simple layout with each name above each 160×160 image?

    I have tried the snippet code [woothemes_our_team category=”athletes” per_row=”2″], and this doesn’t work either?

    Any clues to what I may be doing wrong?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author James Koster



    That theme hasn’t been integrated with the Our Team plugin just yet. You may want to try adding the snippet in this post to your child theme:


    Hi James,

    I created a Child Theme and used the snippet as suggested, but it screws up the layout on the whole site, and also doesn’t correct the team page I was originally looking to sort out. The CSS I used for the child theme is below… any clues???



    Theme Name: Peddlar Child
    Theme URI:
    Description: Additional Changes to Main Theme
    Author: Paul Coulter
    Author URI:
    Template: peddlar
    Version: 1.0


    @import url(../peddlar/style.css);

    .widget_woothemes_our_team .columns-2,
    .widget_woothemes_our_team .columns-3,
    .widget_woothemes_our_team .columns-4,
    .widget_woothemes_our_team .columns-5,
    .widget_woothemes_our_team .columns-6 {
    overflow: hidden;
    zoom: 1;
    .widget_woothemes_our_team .columns-2 .team-member,
    .widget_woothemes_our_team .columns-3 .team-member,
    .widget_woothemes_our_team .columns-4 .team-member,
    .widget_woothemes_our_team .columns-5 .team-member,
    .widget_woothemes_our_team .columns-6 .team-member {
    float: left;
    margin-right: 3.8%;
    .widget_woothemes_our_team .columns-2 .team-member.first,
    .widget_woothemes_our_team .columns-3 .team-member.first,
    .widget_woothemes_our_team .columns-4 .team-member.first,
    .widget_woothemes_our_team .columns-5 .team-member.first,
    .widget_woothemes_our_team .columns-6 .team-member.first {
    clear: both;
    .widget_woothemes_our_team .columns-2 .team-member.last,
    .widget_woothemes_our_team .columns-3 .team-member.last,
    .widget_woothemes_our_team .columns-4 .team-member.last,
    .widget_woothemes_our_team .columns-5 .team-member.last,
    .widget_woothemes_our_team .columns-6 .team-member.last {
    margin-right: 0;
    .widget_woothemes_our_team .columns-2 .team-member {
    width: 48%;
    .widget_woothemes_our_team .columns-3 .team-member {
    width: 30.75%;
    .widget_woothemes_our_team .columns-4 .team-member {
    width: 22.05%;
    .widget_woothemes_our_team .columns-5 .team-member {
    width: 16.9%;
    .widget_woothemes_our_team .columns-6 .team-member {
    width: 13.5%;



    the problem with your layout/theme is that, there is no css style effecting the team-memmbers section.

    for a quick fix, using FireBug; i just add

    .team-member {
        display: block;
        float: left;
        height: 250px;
        width: 200px;

    and the members displayed in a desired layout as seen in the screenshot:

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Team Layout Issues’ is closed to new replies.