WordPress.org

Ready to get started?Download WordPress

Forums

Our Team by WooThemes
Team Layout Issues (4 posts)

  1. prcoulter
    Member
    Posted 8 months 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?

    http://wordpress.org/plugins/our-team-by-woothemes/

  2. jameskoster
    Member
    Plugin Author

    Posted 8 months ago #

    Hi,

    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/

    Thanks

  3. prcoulter
    Member
    Posted 8 months 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???

    Cheers

    Paul

    /*
    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
    Member
    Posted 7 months 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:
    http://goo.gl/yCojZh

Reply

You must log in to post.

About this Plugin

About this Topic