WordPress.org

Ready to get started?Download WordPress

Forums

Simple Staff List
[resolved] Top Row has margin/padding top (6 posts)

  1. web.giovatto
    Member
    Posted 1 year ago #

    I installed this plugin and placed about 50 employees on our Team page but oddly 4/5 pictures on the top row (excluding the first picture) are each dropped about 5px lower than the picture to the left of it. Then from the second row on it is perfectly aligned.

    Where would I be able to adjust this?

    http://wordpress.org/extend/plugins/simple-staff-list/

  2. Brett Shumaker
    Member
    Plugin Author

    Posted 1 year ago #

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

  3. web.giovatto
    Member
    Posted 1 year ago #

  4. Brett Shumaker
    Member
    Plugin Author

    Posted 1 year ago #

    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!

  5. web.giovatto
    Member
    Posted 1 year ago #

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

  6. Brett Shumaker
    Member
    Plugin Author

    Posted 1 year ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic