Team Layout Issues

prcoulter
(@prcoulter)

12 years, 6 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 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?

http://ww.wp.xz.cn/plugins/our-team-by-woothemes/

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author James Koster
(@jameskoster)

12 years, 6 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

Thread Starter prcoulter
(@prcoulter)

12 years, 6 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%;
}
ManusH
(@manush)

12 years, 5 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

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Team Layout Issues’ is closed to new replies.

Tags