Support » Plugin: Simple Staff List » staff list alignment

Viewing 4 replies - 1 through 4 (of 4 total)
  • kbburgess

    (@kbburgess)

    I am having the same problem. Any ideas?

    Plugin Author Brett Shumaker

    (@brettshumaker)

    You can do this with CSS. Use something like what I have below – you may need to tweak it to fit perfectly in with your particular theme. Just copy and paste it into the ‘Staff Page CSS’ box on the ‘Templates’ page.

    .staff-member {
    	width: 23.5%;
    	margin-right: 2%;
    	float: left;
    	clear: right;
    	margin-top: 0 !important;
    	margin-bottom: 2em;
    }
    
    .staff-member:nth-child(4n + 4) {
    	margin-right: 0;
    	float: right;
    	clear: right;
    }

    I resized all of the images to the same size in Photoshop today. With the size that I put them at, the name, title, phone number, and email beautifully aligns to the side of the picture. For some reason, for two employees, it didn’t do that and the information is below the photo instead of beside it. How could this happen? Is it a coding issue?

    Plugin Author Brett Shumaker

    (@brettshumaker)

    Hi sadsworld –
    You should start your own topic when you have a new question, but without seeing your site, I would guess that the images are not sized exactly the same.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘staff list alignment’ is closed to new replies.