Staff image and content

[Chris Jones]

Hi Bill, hope you are well.

Is there a simple way to have the bio text on staff pages not wrap the image and continue in the right column?

[Bill Robbins]

Hello Chris,

All is well here; just trying to avoid the outdoors as the summer heat and humidity have returned to normal for Alabama in July. Hope you’re enjoying your summer.

One way we could create two columns would be by making the bottom margin on the single staff images larger. That will force the content to the right giving the appearance of two columns. Here’s how you could do that:

1. Go to your theme options page and choose the Style tab.
2. Scroll down to the Custom CSS box and add this:

   
   @media only screen and (min-width: 768px) {
   	
   	.single-staff .wp-post-image {
   		margin-bottom: 130px;
   	}
   
   }
   

3. Update your settings.

You may have to adjust the 130px to a larger number there depending on how much content you end up having on each staff page.

The next option after that would be to edit the single-staff.php file and wrap the image in one div and the other content in a separate div. They you could treat it like a page with a sidebar and float the image one way and the rest of the content the opposite way.

Let me know if you have any questions.

Have a great weekend,
Bill

[Chris Jones]

Thanks Bill, will give that a try. Stay cool!

We Clevelanders have been very wet this summer, we are actively looking for the sun.

cheers c-

[Author]

Posts