Style Settings

<h4>Style Settings</h4>
<span class="s2">Do you want to customize your helpdesk Front to reflect your brand? You can do it all as you wish using Helpie Style settings.</span>

<span class="s2">Style settings can be found in Dashboard -&gt; Helpdesk -&gt; Helpie Settings -&gt; Styles.</span>
<h4>Customise your welcome area:</h4>
<img class="wp-image-585 aligncenter" src="http://demo.helpiewp.com/docs/wp-content/uploads/sites/104/2017/01/Screenshot-2018-01-23-15.17.53-300x140.png" alt="" width="424" height="198" />

You can customize the primary welcome area's background color using the '<em>Primary Brand Color</em>' and also customize the title and sub-title colors using our settings here.   <img class="size-medium wp-image-205 aligncenter" src="http://demo.helpiewp.com/wp-content/uploads/2017/01/Screen-Shot-2017-01-26-at-11.21.13-AM-300x188.png" alt="" width="300" height="188" />

You can also customize the welcome Area background using our latest feature New Hero Section.

Under Welcome Area background style you will have four different options with different features.
<ol>
<li><em>'Use Primary color'</em> will by default select the Primary Brand Color You have given at the top.</li>
<li>If you want the welcome area to have a color Gradient, You can select the "<em>Color Gradient</em>" option in the Welcome Area background style. Once you select that option, Two new checkboxes will appear as shown below where you can select the Two colors.</li>
</ol>
<img class="wp-image-453 aligncenter" src="http://demo.helpiewp.com/docs/wp-content/uploads/sites/104/2017/01/Screen-Shot-on-Sep-25th-at-09-47-PM-300x133.png" alt="" width="465" height="206" />

3. If you want to add a background image to your welcome area you can use the option "<em>Background Image</em>" in the Welcome Area Background Style.

4.  If you want your welcome Area to be with both '<em>Gradients and Illustrations'</em>, You can use this feature.

<img class="wp-image-458 aligncenter" src="http://demo.helpiewp.com/docs/wp-content/uploads/sites/104/2017/01/Screen-Shot-on-Sep-25th-at-10-02-PM-300x136.png" alt="" width="509" height="231" />
<h4>Overall Margin - Top:</h4>
Does your header clashes with our Knowledgebase Module. Do you want to move down the knowledgebase module so that it doesn't clash with your header?

You can use the '<em>Overall Margin-Top' </em>feature to move down the knowledgebase module to as you wish. You can use this feature on your desktop, Tablet, and Mobile.

<img class="size-medium wp-image-595 aligncenter" src="http://demo.helpiewp.com/docs/wp-content/uploads/sites/104/2017/01/Screenshot-2018-01-23-17.28.19-300x136.png" alt="" width="300" height="136" />
<h4>Search Style:</h4>
You can customize the search box style here. You can set color and style for Subtitle border or you can disable the border altogether using the checkbox "<em>Show border</em>".
<h4><img class="size-medium wp-image-206 aligncenter" src="http://demo.helpiewp.com/wp-content/uploads/2017/01/Screen-Shot-2017-01-26-at-11.22.50-AM-300x179.png" alt="" width="300" height="179" /></h4>
&nbsp;

Style Settings

Title Changes:

Content Changes: