Stack Contents in Team Section

Illdy
1

I know I’m probably missing something simple in regards to CSS here but I can’t quite figure this one out. In the “Team” Section, I need to stack the contents. I have 2 widgets in the section, the first is the “Person” widget and the second is a standard “text” widget. I need the text widget to display directly below the person widget on the desktop version, just like it automatically does in the responsive mobile version.

For reference, see the “Meet the Owner” section here: www.txsupco.com

2

Hello there,

I hope you are doing well today.

You can add your description to the Person widget instead of the text widget. Please go to Appearance > Widgets > Front Page - Team Sidebar and add your description to the “Entry” field and remove the text widget.

Please update me on the results.

Best Regards,
Support

3

Hey there,
Hope you’re doing well today

Did you manage to get this issue sorted?

Please let me know. I’m just confirming that everything is okay and that I can close the ticket.

Looking forward to your reply.

Best Regards,
Support

4

Yes, I did as you suggested and also added some CSS to move the text to a new line and to center the image and content as follows:

#team .section-content .person .person-image {
	margin-right: auto;
	margin-left: auto;
  float: none; 
}
#team .section-content .person .person-content {
	text-align: center;
	width: 100%;
}

You can view it here: www.txsupco.com under the “meet the owner” section.

Thanks!