Construct Framework

Customizing The Logo

To change the graphic used for the site logo, the recommended method is to add the following style to your custom CSS, where logo.png is the name of your logo image and the width and height are set accordingly:

#logo a:link,
#logo a:visited,
#logo a:hover{background:url(../images/logo.png) 0 0 no-repeat;width:300px;height:103px;}

To change the logo to display your Site Name instead of a graphic, add the following style to your custom CSS:

#logo a:link,
#logo a:visited,
#logo a:hover{background:none;width:auto;height:auto;text-indent:0}

To completely remove or move the logo, either delete or move the following code in your template's layouts/index.php file:

<h1 id="logo"><a href="/baseurl ?>/" title="getCfg('sitename');?>"><?php echo $app->getCfg('sitename');?></a></h1>

NOTE: We recommend editing your template's layouts/index.php file to preserve your customizations if you choose to upgrade Construct to a newer maintenance release in the future.