Support » Plugin: Simple Staff List » Top Row has margin/padding top

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Brett Shumaker

    (@brettshumaker)

    Sounds like it could be a CSS issue. Can you post a link to the page where you’re having an issue?

    Plugin Author Brett Shumaker

    (@brettshumaker)

    Thanks!

    What’s causing that is that, for some reason, WordPress is wrapping the html comments with a paragraph tag. Which is causing all elements on the first row to be shifted down. You can fix it temporarily by using this css:

    .staff-member-listing p {
         display: none;
    }

    How are you including the shortcode on the page? Could you also copy and paste the contents of the [staff_loop] box on the plugin’s “Templates” page?

    Thanks!

    [staff_loop]
    <div style=”float:left;margin-right:24px;width:180px;height:240px;”>
    <img src=”[staff-photo-url]” alt=”[staff-name] : [staff-title]” width=”180″ height=”180″>
    <span style=”font-size:14px;”>[staff-name]</span>
    <span style=”font-size:10px;margin-top:-5px;”>[staff-position]</span>
    </div>
    [/staff_loop]
    <div style=”clear:both;”></div>

    Plugin Author Brett Shumaker

    (@brettshumaker)

    Hey Giovatto,
    I see you added the CSS and fixed the display issue. After thinking about this some more, I think that your theme is, for some reason, automatically wrapping HTML comments in a paragraph tag. I’ll research this some more and see if there’s a way that I can prevent this from happening in the future.

    FYI, the div you have outside of the [staff_loop] tag won’t output to your site.

    Thanks again for using my plugin, if you have a few minutes would you mind rating it for me? I would really appreciate it!

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Top Row has margin/padding top’ is closed to new replies.