Skip to content

Instantly share code, notes, and snippets.

@jameskoster
Created April 3, 2014 13:27
Show Gist options
  • Save jameskoster/9954311 to your computer and use it in GitHub Desktop.
Save jameskoster/9954311 to your computer and use it in GitHub Desktop.
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
Copy link

Thank you for adding this!

@wpspeak
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
Copy link

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