title: How do I change CSS style for specific area of a WordPress page?
body: <p>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. </p>
  
  <p>I have a large gap right before the last team member is added. This is due to the style.css <code>.teamsetheight</code> 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. </p>
  
  <p>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 <code>.teamsetheight1</code>. 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.</p>
  
  <p>I looked up showpost, but I'm still a little in the dark of how this works. Anyways, </p>
  
  <p>my question is how can I modify the div classes in the page's html, or what other solution could solve my gap problem?</p>
  
  <pre><code>[team_list title="Meet Our Team:" showpost="6"]
  </code></pre>