Recherches récentes


Pas de recherche récente

Help Center - Change design header to match hero image

Avec réponse


Publication le 25 mai 2017

Not positive if I'm in the right forum. We're trying to make our help center match the design of our landing page for our new app. However, I was having issues adjusting the header to match the hero image background without changing the body and footer of the help center.

Anyone have suggestions on how we can make this change? 

Here's a screenshot of what our help center looks like now using the Copenhagen template and here's our landing page. Ideally we want our help center header to match our landing page's header where the hero image and header have the same background image.





1

12

12 commentaire

Hi Victoria,

It looks like you haven't received a response to your question yet. While I can't assist with any custom code from my end, we do have some documentation available that could point your developers in the right direction:

Let me know if you have any other questions in the meantime!

0


I made this change and it looks great, but how can I make it so that when the user scrolls down, the header remains and the background header color changes white?

Thanks in advance for any help.

0


Hey Andres, you just need to remove the hero section from the Community topics page as well. 

The same as you did on the Home Page. 

0


454757487 When I made this change it looked great on home page, but on the community it is showing double headers. any suggestions?

0


@Peter.barker - Take a look at this article here on how to change out the Community image - https://support.zendesk.com/hc/en-us/articles/206177737#topic_p1r_345_lw

Best of luck!

0


Hi - not sure if this is in the right place but how can I change the standard community image (of 2 x people on bicycles) for a different image?

0


Hi Uriel,

It looks like there's been no response from the community regarding your question so I wanted to quickly touch base and provide some documentation that you may find useful: 

 

Additionally, we do have a Professional Services team available that can assist with setting this up at an additional cost.

I hope the above information helps!

 

0


How would I edit the header to show differently in a different page?

0


Thanks Vladan! That worked like a charm :)

0


Glad that it helped! About white space, just put this code at bottom of your CSS. Cheers!

header.header {
margin-top: 0;
}

0


Cette publication n’accepte pas de commentaire.

Vous ne trouvez pas ce que vous cherchez ?

Nouvelle publication