Want to add a forum like this one to your store? Install Champ Now

Welcome to Champ's live demo

Did you know that this isn't just a demo?
This is our live pre-sales Q&A and support forum. Take a look around and say "Hello".

0

Customize Header?

Jul 30, 2018 - 11:33 AM

https://getchamp.myshopify.com/community/champ/forums/7/topics/1658 Copy
  • I haver tried to email someone at support@getchamp.net 4 times now and the email bounces. I need help or I need to remove your app.

    Is there any way to customize the top of the page to make it look like it fits in our store more. Its so plain - it does not appear that you can put a H1 header on top of the forums. Is there anyway to add a page header or image for the forum page to make it look more like an extension of our site?

    0
  • First off, sorry for the no reply. Our emails (hosted by Google, of all places) were bouncing due to some maintenance Google was doing.

    You can completely replace and redesign your header by adding a snippet in your theme's snippet directory (right in Shopify).

    Here's some additional informational information: https://getchamp.net/guides/customizations/#using-custmized-liquid-snippets

    When you add a snippet, it'll still use our application's CSS, but you can add inline CSS if you'd like. The forums site is based on Bootstrap 4's CSS framework, so it should be fairly easy to make it look acceptable.

    Reference: https://getbootstrap.com

    0
Quick reply

How to format posts

Champ uses Markdown for formatting text in posts. Certain markup tags (eg. H1) are forbidden to ensure that pages remain semantically compliant. Other tags are automatically sanitized to ensure all content is secure.

  • Emphasis, aka italics, with *asterisks* or _underscores_.
  • Strong emphasis, aka bold, with **asterisks** or __underscores__.
  • Combined emphasis with **asterisks and _underscores_**.
  • Strikethrough uses two tildes. ~~Scratch this.~~
  • Links are added automatically, but can be formatted like so: [My link](https://mylink.com)
For more information, take a look at the Markdown Cheatsheet.