We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Layout issue with Team Section

Featured Lock Resolved Issue
Hi,

I use the Helix Ultimate template and I have added a Team section to a new page, removed one column (set the columns to 12+6+6 instead of 12+4+4+4) and set the border radius to 400.

When I resize the browser window to a smaller size, I get the layout issue as in the attached image.
The problem is that the pictures are not centrally aligned and cut off on the right.

How can I change the formatting to avoid this issue?


Thanks,

Max

Attachments (1)

  • Team.png
    Team.png 736.1 KB

8 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your feedback. Please add this css code inside the custom.css file.


.sppb-person-image.sppb-person-image img.sppb-img-responsive {
max-width: 100%;
}


-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for contacting us. I have checked it border-radius 400 & text-align center. It works fine here.

https://prnt.sc/qr9zo0
https://prnt.sc/qra082

https://prnt.sc/qra0t9

-Thanks

Max

More than a month ago #Permalink
Hi there,

Thanks for contacting us. I have checked it border-radius 400 & text-align center. It works fine here.

https://prnt.sc/qr9zo0
https://prnt.sc/qra082

https://prnt.sc/qra0t9

-Thanks


Hello Toufiq,

Could you try here: https://plantit.ch/component/sppagebuilder/?view=page&id=18&Itemid=0


Thanks,

Max

Max

More than a month ago #Permalink
Hi there,

Thanks for your feedback. Please add this css code inside the custom.css file.


.sppb-person-image.sppb-person-image img.sppb-img-responsive {
max-width: 100%;
}


-Thanks


Hello Toufiq,

That works, but now the problem is that the addons are shifted to the left in tablet mode, see attached image.


Thanks,

Max

Attachments (1)

  • team.png
    team.png 549.9 KB

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your feedback. Please add this css code inside the custom.css file.


.sppb-person-image.sppb-person-image img.sppb-img-responsive {
max-width: 100%;
}


-Thanks


Hello Toufiq,

That works, but now the problem is that the addons are shifted to the left in tablet mode, see attached image.


Thanks,

Max


Hi there, You re-arrange the tablet column settings.

https://prnt.sc/qtb969

-Thanks

Max

More than a month ago #Permalink
Hi there,

Thanks for your feedback. Please add this css code inside the custom.css file.


.sppb-person-image.sppb-person-image img.sppb-img-responsive {
max-width: 100%;
}


-Thanks


Hello Toufiq,

That works, but now the problem is that the addons are shifted to the left in tablet mode, see attached image.


Thanks,

Max


Hi there, You re-arrange the tablet column settings.

https://prnt.sc/qtb969

-Thanks


Thank you, that works.

There is an additional issue with the CSS that the change (additional CSS code) does not work with the fix proposed in https://www.joomshaper.com/forums/scaling-issue-with-the-person-addon-with-ie11.

How can I combine the two CSS fixes?

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your feedback. Please add this css code inside the custom.css file.


.sppb-person-image.sppb-person-image img.sppb-img-responsive {
max-width: 100%;
}


-Thanks


Hello Toufiq,

That works, but now the problem is that the addons are shifted to the left in tablet mode, see attached image.


Thanks,

Max


Hi there, You re-arrange the tablet column settings.

https://prnt.sc/qtb969

-Thanks


Thank you, that works.

There is an additional issue with the CSS that the change (additional CSS code) does not work with the fix proposed in https://www.joomshaper.com/forums/scaling-issue-with-the-person-addon-with-ie11.

How can I combine the two CSS fixes?



Hi there, There was issue of IE. If you need IE tips or help, let me know. Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

331142

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us