Columns aligning at the top
-
I am having trouble getting the columns to be straight across – they are “stair-stepped” Ideas???
-
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.
http://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=”http://farmtotablenm.org/wp-content/uploads/2013/01/elizabeth.jpg” 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=”http://farmtotablenm.org/wp-content/uploads/2013/01/christina.jpg” 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=”http://farmtotablenm.org/wp-content/uploads/2013/01/ron.jpg” 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=”http://farmtotablenm.org/wp-content/uploads/2013/01/jeannie.jpg” 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=”http://farmtotablenm.org/wp-content/uploads/2013/01/krisi.jpg” 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`
- The topic ‘Columns aligning at the top’ is closed to new replies.