Customize embedded Help CentersUpdated 2 months ago

Embedding the Help Center will automatically give you a fixed width and background color which you can customize through these codes.

Change the width

Copy the following code in your Shopify theme.liquid file. 

1<style>
2  div[data-gorgias-help-center-uid] {
3    width: 1200px;
4  }
5</style>

Change the background color

Navigate to Settings -> Channels -> Help Center -> Customization and copy the following code in your Extra HTML section. 

1<style>
2  .ghc-main-wrapper {
3    background-color: transparent !important;
4  }
5</style>

Remove the page titles

Removing the header of the page can be easily done in your Shopify store by going to Online Store -> Theme -> Edit code, finding Asset, and going to the /base.css file. There paste the code below. 

1.main-page-title {
2    display: none !important;
3}