Support » Plugin: Column Shortcodes » Columns aligning at the top

Viewing 8 replies - 1 through 8 (of 8 total)
  • J9leepea

    (@janinej9designcom)

    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…

    J9leepea

    (@janinej9designcom)

    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.

    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

    J9leepea

    (@janinej9designcom)

    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`

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Columns aligning at the top’ is closed to new replies.