XF 2.2 Increase the Profile Cover area

Hareon

Active member
How do I increase the size (height) of the profile cover photo?

I would like to be able to make better use of the size of the images uploaded to profiles.
The Avatar, profile information and options in the right corner end up overshadowing the cover images.

1714961028287.webp
 
Solution
You can easily change the height in the template extra.less with:

Code:
.memberHeader--withBanner .memberHeader-main

{min-height:1000px}

But you'd need to think carefully about how it looks responsively e.g. back to current on smaller screens, e.g.

Code:
@media (min-width: @xf-responsiveNarrow)
{
.memberHeader--withBanner .memberHeader-main

{min-height:1000px}
}
You can easily change the height in the template extra.less with:

Code:
.memberHeader--withBanner .memberHeader-main

{min-height:1000px}

But you'd need to think carefully about how it looks responsively e.g. back to current on smaller screens, e.g.

Code:
@media (min-width: @xf-responsiveNarrow)
{
.memberHeader--withBanner .memberHeader-main

{min-height:1000px}
}
 
Last edited:
Solution
You can easily change the height in the template extra.less with:

Code:
.memberHeader--withBanner .memberHeader-main

{min-height:1000px}

But you'd need to think carefully about how it looks responsively e.g. back to current on smaller screens, e.g.

Code:
@media (min-width: @xf-responsiveNarrow)
{
.memberHeader--withBanner .memberHeader-main

{min-height:1000px}
}
Thanks for the answer. I think 400px is good. In Mobile is OK too. Thanks.
 
Back
Top Bottom