Edit Cover Photo Height
I am looking where in the Developer or Pages modules we can edit the height the cover photos. Ideally, we just want to show the profile picture and no cover. \
-
Hello @fansfam !
You may change the parameters of the profile cover via editing the parameters in the .div.bx-base-pofile-cover-image CSS class, by default it has the 31 rem height. Also, you may disable the covers in the Studio->Pages->Persons->View Person->Cover area.
-
@LeonidS yes but that also hides the profile picture. I guess there is no way to just hide the cover
-
Or, if you not well familiar with php, simply use custom styles to alter the height.
-
@Chris Andre Buys Hi Chris, it is not so much the height. We are looking to hide the cover picture without losing the profile picture. Right now, if we disable cover picture, there is a blue background in the meta views and elsewhere.
-
Ok. Then you may set the display: none; parameter for the
.bx-base-pofile-cover-image
CSS class
-
works up to approx 65% ;) I tried to get the full profile picture by css but -as you can see - not very successfull. What will do this trick?
-
You may add the
padding-top: 5rem;
parameter for the .bx-base-pofile-cover-image-wrp CSS class then
-
In my case it's better to use .bx-base-profile-cover-wrapper instead
works well, thank You LeonidS!
-
Finally, in my case Protean and 14RC3:
Add the following Custom Styles in studio/template/custom styles
- .bx-base-pofile-cover-image {display:none; } to hide the profile cover
- .bx-base-pofile-cover-wrapper { padding-top: 5rem; } to have full view of the profile image. In my case 5rem fits very well...
Thanks @LeonidS !
-
Yes, I concur. It does the trick. Now, how do we make it so the profile cover also does not appear in results such as the page that shows... /followers or /follow-suggestions or /following as examples?
