Columns aligning at the top

Just had that problem and I fixed it by checking my <p> tags. They have to be outside the shortcode for each column.

<p>[one_fifth]content[/one_fifth]</p>
<p>[one_fifth]content[/one_fifth]</p>
<p>[one_fifth]content[/one_fifth]</p>
<p>[one_fifth]content[/one_fifth]</p>
<p>[one_fifth_last]content[/one_fifth_last]</p>

I get the same “star-stepped” effect, but no <p> tags are present in my code. Any ideas what might be wrong?

Hi @kathydv, did you fix the problem? I’ve got the same problem, but, I have no <p> tags either – I also tried adding some outside the code tags but no joy, Earl

I actually tried a few plug-ins and none really worked, so I gave up and reworked the format of the page. I lost the battle with the WordPress shortcode…

Here’s the page I used this shortcode on in case you want to inspect the code…maybe this can help you figure out why yours isn’t working.
https://www.farmtotablenm.org/about-us/staff-board/

@J9leepea, thanks very much for that, but the shortcodes syntax don’t show up in inspect element/view source, could I be cheeky and ask for the code from the actual page in visual/text editor from wp admin? Regards, Earl

sure…

<p class=”subhead”>Board of Directors</p>
<p>The work of Farm to Table is guided and supported by a volunteer Board of Directors. Members are:</p>
<p>[one_fifth]<img class=”size-full wp-image-598 alignleft” alt=”Elizabeth” src=”https://farmtotablenm.org/wp-content/uploads/2013/01/elizabeth.jpg&#8221; width=”100″ height=”100″ />
Elizabeth Hetrick
Chair, Santa Fe
Retired, New Mexico Department of Health[/one_fifth]</p>
<p>[one_fifth]<img class=”alignleft size-full wp-image-773″ alt=”christina” src=”https://farmtotablenm.org/wp-content/uploads/2013/01/christina.jpg&#8221; width=”100″ height=”100″ />
Cristina Dominguez-Eshelman
Anthony, NM
La Semilla Food Center[/one_fifth]</p>
<p>[one_fifth]<img class=”size-full wp-image-601 alignleft” alt=”ron” src=”https://farmtotablenm.org/wp-content/uploads/2013/01/ron.jpg&#8221; width=”100″ height=”100″ /></p>
<p>Ron Hale
Santa Fe
Retired, New Mexico Department of Health[/one_fifth]</p>
<p>[one_fifth]<img class=”size-full wp-image-599 alignleft” alt=”Jeannie” src=”https://farmtotablenm.org/wp-content/uploads/2013/01/jeannie.jpg&#8221; width=”100″ height=”100″ /></p>
<p>Jeannie Benally
Fruitland
Extension Service Agent, Four Corners Region[/one_fifth]</p>
<p>[one_fifth_last]<img class=”size-full wp-image-600 alignleft” alt=”Kristi” src=”https://farmtotablenm.org/wp-content/uploads/2013/01/krisi.jpg&#8221; width=”100″ height=”100″ /></p>
<p>Kristi N. Silva
Santa Fe
Public Health, Program Evaluation; 2010-2011 FoodCorps Service Member[/one_fifth_last]</p>

@J9leepea – thanks very much for that – I solved the problem. For anyone who is interested the problem for me was that I inserted the shortcodes via the visual editor which added ‘code’ tags, when I removed these the alignment was ok. I may not use this plugin anyway though, as on testing it in iPhone view it doesn’t look good using a responsive theme, but many thanks again J9leepea. Earl`