Cover images are not sizing to fit
Ok I did a post on this before however it was never resolved. I have never been able to upload a Cover and have it size to fit correctly. Currently by example I have a group and I have uploaded the cover in many different resolutions. So far the best fit but still not right was an image size of 1440x768. It looks good when you go to groups and look at the thumbnail however when you go into the group the cover does not fit correctly. I have attached a screenshot of the thumbnail and of how it looks inside the group. I would really appreciate if someone could help me resolve this.
-
Now cover images use the whole area without any gaps. but image can be cut from some or it's sides depending on browser window size, if you want to show whole image all the time in cover on such pages like groups/spaces/etc, then you can add the following additional style in Studio > Designer > Injections > Head
<style> img.bx-base-pofile-cover-image { background-size: contain !important; } </style> -
Just making sure would that be a head or body injection?
-
I actually put that code into both the head and the body and it made no difference
-
Just 'head' injection, please make sure it's in <style> tag:
<style> img.bx-base-pofile-cover-image { background-size: contain !important; } </style> -
Although its not perfect the injection worked. Is there an exact resolution that would be an exact fit?
-
Although its not perfect the injection worked. Is there an exact resolution that would be an exact fit?
It should show the whole image now, isn't it ?