Our Team by WooThemes
Team Layout Issues (4 posts)

  1. prcoulter
    Posted 1 year ago #

    I have installed the pluggin, and all works fine, however the layout of my team page looks a mess (http://www.thetrimarket.com/our-athletes/)

    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 160x160 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?


  2. jameskoster
    Plugin Author

    Posted 1 year ago #


    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: http://jameskoster.co.uk/work/apply-layout-team-plugin/


  3. prcoulter
    Posted 1 year ago #

    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: http://www.thetrimarket.com
    Description: Additional Changes to Main Theme
    Author: Paul Coulter
    Author URI: http://www.thetrimarket.com
    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%;

  4. ManusH
    Posted 1 year ago #

    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:

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Our Team by WooThemes
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic