I have a WordPress page that displays the team members of a WordPress site. The team members have been added using the Team area of WordPress.
I have a large gap right before the last team member is added. This is due to the style.css .teamsetheight height being too many pixels. I can't set the pixels to a smaller number because that boundary also works for the other team members.
What I need to do is set the div class of a specific area in the page's html in the page to refer to a new .teamsetheight1. I don't appear to see any php pages in the editor that pertain to the page, but I do have a page in the "Pages" section of WordPress. Below is the text inputted on the Page section (text area)to show the team members.
I looked up showpost, but I'm still a little in the dark of how this works. Anyways,
my question is how can I modify the div classes in the page's html, or what other solution could solve my gap problem?
[team_list title="Meet Our Team:" showpost="6"]
.teamsetheightyou will notice that it has a fixed height of880pxthis means that each team member "card" will always be880pxhigh no matter how long the description for the member is.