Different Header Images On Different Pages

Membership management, event r... » Wild Apricot Software » For Designers and Developers » Re: Different Header Images On Different Pages

Last post 11-03-2011, 9:42 AM by Denys. 1 replies.


Sort Posts:

10-27-2011, 11:50 AM 23947

rgorga
Joined about 10 months ago
Posts 16

Different Header Images On Different Pages

Reply Quote

I'm trying to have a different header image on different pages... I did a quick search and saw that WA support has referenced this link: http://help.wildapricot.com/display/DOC/Show+different+headers+backgrounds+on+each+page

Unfortunately the link has been moved/removed though. Can someone explain to me how I can do this?

Report abuse

11-03-2011, 9:42 AM 24009 in reply to 23947

Denys
Joined about 4 years ago
Toronto
Posts 1,457

Re: Different Header Images On Different Pages

Reply Quote

Yes, we did some clean up and this page is no longer valid.

To do this you would have to use some CSS customization.
See: http://help.wildapricot.com/display/DOC/CSS+Customization

First you will need to identify the page ids of the pages for which you want to have different headers
See: http://help.wildapricot.com/display/DOC/Identifying+page+id

and then use CSS similar to this:

#PAGEID_328994 #idHeaderContainer .d4 {
background: url(/resources/pictures/signup.jpg);
height: 455px;
}
#PAGEID_408013 #idHeaderContainer .d4 {
background: url(/resources/pictures/contact.jpg);
height: 455px;
}
#PAGEID_508070 #idHeaderContainer .d4 {
background: url(/resources/pictures/press.jpg);
height: 455px;
}

You would also need to create /pictures folder and put all the images there.
You can do this in file manager: http://help.wildapricot.com/display/DOC/File+Management

Denys Zlobin
Helpful Apricot
http://www.wildapricot.com