Replace HESK title (upper left corner) with JPG logo?

Forum dedicated to Mods for HESK created by Mike Koch

Moderator: mkoch227

Post Reply
rotaryracer
Posts: 18
Joined: Thu Sep 04, 2014 12:02 pm

Replace HESK title (upper left corner) with JPG logo?

Post by rotaryracer »

Hi Mike/others - I just installed Mods for HESK 2.6.2 on to a fresh install of HESK 2.6.5 and it looks great! I haven't spent time tweaking it yet, but it really presents a nice new interface to go along with my website redesign.

Quick question....is there a way (maybe in one of the stylesheets?) to replace the HESK help desk title (found in the Settings -> Help Desk tab) with a JPG? I can add our logo above the menu bar using the header.txt file, but ideally would like to integrate it into menu bar on the far left side, in lieu of the title.

I've spent some time plodding through the various CSS sheets and can't find an area that specifically calls out "help desk title", although maybe I missed it. Is this a doable thing, or more work than it's worth?

Thanks!

Jason
mkoch227
Posts: 666
Joined: Wed Jul 04, 2012 3:37 pm

Re: Replace HESK title (upper left corner) with JPG logo?

Post by mkoch227 »

In both header.inc.php and show_admin_nav.inc.php, find:

Code: Select all

<div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="<?php echo $modsForHesk_settings['navbar_title_url']; ?>"><?php echo $hesk_settings['hesk_title'] ?></a>
        </div>
Replace the text inside the <a> tag with your image. This isn't built into Mods for HESK directly since styling the navbar can be quite a pain if your image is too large. You may also need to make some custom CSS changes for the logo to fit nicely.

For more info, check out http://getbootstrap.com/components/#navbar-brand-image
Mike, Lead Developer of Image HESK: A surprisingly simple, user-friendly and FREE help desk software with integrated knowledgebase.
rotaryracer
Posts: 18
Joined: Thu Sep 04, 2014 12:02 pm

Re: Replace HESK title (upper left corner) with JPG logo?

Post by rotaryracer »

Awesome - worked like a champ! I just added the code to header.inc.php so far and the image appears in the customer-facing screen. I'll need to do some slight tuning on both image size and/or CSS padding to get it centered, but it's darn close and looks more integrated than dropping it into the header above.

Thanks Mike - I think I owe you a drink!

Jason
Post Reply