5 team members in a single row??

I’m experimenting with changing the width of a column style from 25% to 20% like so:

.col-lg-3 {
	width: 20%; }

however, when i resize the browser window the images above the blurbs get chopped off at certain browser window widths.

would immensely appreciate your suggestion…

Tagging along. Another option would be not to reduce the size of each member profile, but to have them all in 1 row and let the user scroll right/left.

filippodg,

Thank you for this suggestion! I am ready to give this a whirl–because I am losing hope that zerif-lite support is going to answer my original question about reducing them in size to fit them all in one line.

But I don’t know how to allow 5 to appear in one row, without changing their size, which means they would be extending beyond the boundaries of the page – it seems the width of a greater element like .row or .container would have to be expanded, but wouldn’t this then alter the layout all across the site…? Can you suggest a method to locally expand the width of the team member line up and to prevent the wrap around to the next line?

I wish I knew.

I think the support team should answer this question no matter what. I’m sure those who use the Pro version might have the same dilemma.

Another option would be to insert an iframe that shows a page that recalls those widgets. This way the frame can be scrolled left-right. With CSS you could hide the scrolling bar. I just wish you could do those changes from the Customize end rather than modifying a file so that you don’t have to recode when you upgrade the theme to newer versions.

Hope the support jumps on this ASAP. ??

Thanks filippodg for your speedy, thoughtful reply. I am wondering if the Pro version offers that kind of customization and that’s why they are dragging their feet to answer that question for non paying users. I’d appreciate being told that though… That feature alone would be tangible bait for at least this potential customer. As it is, kinda starting to seem like their support is not so hot.

Np. ??

I doubt their Pro version has that feature.

Try using the following CSS:

.our-team .row .col-lg-3 {
    width: 20% !important;
}

Regards,
Hardeep

@hardeep Asrani,

thanks for the suggestion, but with that change the right side of the circular image above each team member gets sliced off. I’m throwing in the towel on this one and just combining the last 2 into a single “team member” (workshop).

I thought I was on to new problems, but today I discover a new problem with Team Members (Signature Programs), my formatting of the team member blurb, including boldfacing and links, vanished overnight. It may be a pretty theme, but I have never had such a struggle with a theme to do the simplest things. I will post a new thread about this new issue.

Sorry but I wasn’t able to understand this question. ??

Regarding the issue i reported in my very last comment above: I consequently learned in another thread that zerif-lite had been updated automatically. After I disabled the Javascript patch, the Our Team section allowed the formatting and links in the Position section.

Install Easy Update Manager and disable all updates (WordPress, themes, and plugins). This way you won’t run into new updates not working properly with your custom theme. ??