WordPress.org

Ready to get started?Download WordPress

Forums

Column Shortcodes
[resolved] Columns aligning at the top (9 posts)

  1. kathydv
    Member
    Posted 1 year ago #

    I am having trouble getting the columns to be straight across - they are "stair-stepped" Ideas???

    http://wordpress.org/extend/plugins/column-shortcodes/

  2. J9leepea
    Member
    Posted 1 year ago #

    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>

  3. Mystech
    Member
    Posted 1 year ago #

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

  4. EarlSnappy
    Member
    Posted 1 year ago #

    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

  5. kathydv
    Member
    Posted 1 year ago #

    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...

  6. J9leepea
    Member
    Posted 1 year ago #

    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/

  7. EarlSnappy
    Member
    Posted 1 year ago #

    @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

  8. J9leepea
    Member
    Posted 1 year ago #

    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>

  9. EarlSnappy
    Member
    Posted 1 year ago #

    @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`

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.