Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Our Team - Apply layout to the shortcode output
.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%;
}
@queenofwordpress

This comment has been minimized.

Copy link

queenofwordpress commented Apr 17, 2014

Thank you for adding this!

@wpspeak

This comment has been minimized.

Copy link

wpspeak commented Oct 15, 2014

Thanks for this snippet. I just realized that we've to specify the 'per_row' parameter for the shortcode. Why can't I see this on the documentation page? Or even the help tab from my dashboard?

@pylondesign

This comment has been minimized.

Copy link

pylondesign commented Jan 29, 2015

WOW! I've been trying for ages to get a 3-column layout and wondering what .columns-x class targets. Was trying the Woos Shortcodes for columns wrapped around the our-team shortcode and all sorts.

Thanks @wpsepak for mentioning 'per_row' parameter - otherwise I'd never have worked it out. This is a serious omission from the documentation in my view - can you please update?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.