Unique page headers?
Somewhere i read that it was possible to have unique headers on different pages in a site using custom CSS, but i can't figure out how or find any reference. I know how to use page id to specify the exact page but dont know the CSS to use to add the custom header for each page.
Thanks!
-
Frank commented
Usually we don't provide specific support from these forums, but if you could send me your details (e.g. website address, links to custom header images,etc) I could take a quick look.
Send them to frank@wildapricot.com
-
mfritch commented
Unfortunately I cannot get this to work for me. Any suggestions? I desperately need to get this to work. Been working on a website for months and I'm afraid I will be laughed at if I present with only one page header throughout!
thanks!
-
Frank commented
You could also accomplish this with CSS. Although it's not a full guide here are the basic steps.
1) Get the page id of the pages you'd like to have a customized header (see http://help.wildapricot.com/display/DOC/Identifying+the+page+ID )
2) Upload your custom headers using file management
3) Using CSS customization add the following code to your CSS customization box (Settings > Site Look and Feel > CSS customization
#PAGEID_1739439 #idHeaderContent {
background: url(/resources/Theme/home-page-header.png);
}#PAGEID_1739440 #idHeaderContent {
background: url(/resources/Theme/other-pages-header.png);
}This example assumes you uploaded your custom headers to your "resources/Theme/" folder and it only customizes 2 pages, if you wanted to do more pages you would need to add the same block of code for each page but change the bolded items.
Hope that helps.
-
dpylant commented
Thanks!
-
dpylant commented
OK, thanks. I saw the statement about using CSS for custom headers at the WA page below and was hoping!!!
http://help.wildapricot.com/display/DOC/Page+header+customization
-
Evgeny Zaritovskiy commented
Ah, ok. This is not really supported, though can be achieved with JS code (e.g you can run special code that will tweak header content depending on the page id) but I will not be able to go into details here.
The good piece of news is that in our next release 5 of Wild Apricot, this function will be fully supported - see http://help.wildapricot.com/display/DOC/Version+5+preview
-
dpylant commented
Sorry - i meant the actual header graphic displayed on the page, not meta-tags. WA provides for a global custom header, but i wish to have different header graphics on certain pages.
Thanks!
-
Evgeny Zaritovskiy commented
This may help - http://help.wildapricot.com/display/DOC/Defining+meta-tags