Change white under page banner
By Eric Vermeulen on Saturday, 10 March 2018
Posted in General
Replies 3
Likes 0
Views 868
Votes 0
When I create a page in ES I can add a banner. The dimension is 940x350px but you see only the top-part of the picture.
I presume that the rest of the picture is hidden by the white under the banner.
How can I change opacity of the "white" under a banner? in Vanilla?

Thanks for your input
Eric
Hey Eric,

I am really sorry for the delay of this reply as it is a weekend for us here. Hm, sorry but I don't quite get you here. Could you please provide us with a screen shot please?
Mark
·
Saturday, 10 March 2018 21:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,
I mean the white under the banner where you see the word "Hello"
Eric Vermeulen
·
Saturday, 10 March 2018 21:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Eric,

Ah, that is actually by design and this is not really related to Vanilla but it's the behavior of EasySocial. Having the whole header section to be transparent would make it much harder to read but if you want to explore a little,

[gist]
body #es .es-profile-header__cover {
max-height: 350px;
}

body #es .es-cover-container {
padding-top: 350px;
}

body #es .es-profile-header__bd {
margin-top: -122px;
}

body #es .es-profile-header__avatar-wrap {
bottom: 50px;
}
[/gist]

Do take note that these css codes would affect all headers including event, groups and users.
Mark
·
Saturday, 10 March 2018 21:46
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post