Team with 1 person - Acme Themes

Tagged: 1 person, design, layout, one person, Team

This topic has 5 replies, 2 voices, and was last updated 5 years, 1 month ago by Acme Themes.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 2, 2018 at 8:04 pm #24982

Edwin van Sorge
Participant

The template shows a less beautiful layout when inserting just 1 teammember in the team section. It’s shows the image very large.

I have just one remember and I would like to show the image in a comparable size when having 2 or 3 team members. For now I use a workaround having an extra team member with a white bacgkround image, however this is less beautiful when showing at a mobile device.

How can I solve this / can this be silver?

February 3, 2018 at 6:47 am #24994

Acme Themes
Keymaster

Hello Edwin van Sorge,

When you select one column, it shows full width image.
Can you send us your site url, we will try to make it beautiful with custom CSS specific for you site.

Best Regards!
Acme Themes

February 3, 2018 at 11:51 am #25002

Edwin van Sorge
Participant

http://www.uenuwklant.nl
Thanks!

February 3, 2018 at 1:17 pm #25004
Acme Themes
Keymaster
Please delete extra member and use the following Additional CSS:
```
.team-row .team-item {
    width: 33%;
    float: none;
    margin: 0 auto;
}
```
Best Regards!
Acme Themes
February 3, 2018 at 2:12 pm #25008

Edwin van Sorge
Participant

Thank you. I tried it and it works. Well, partly it works.

It works for the computer. But on mobile the image is too small to view. So I think it should be something like 30% for computer and up to 100% for mobile view.

Is this easily solvable?

February 4, 2018 at 5:25 am #25020
Acme Themes
Keymaster
Please add following CSS for the small device
```
@media (max-width: 767px) {
    .team-row .team-item {
        width: 100%;
        float: none;
        margin: 0 auto;
    }	
}
```
Best Regards!
Acme Themes
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.