SUNScholar/XMLUI Theme/M1/Banner Logo

Back to Mirage 1 Modification

Introduction

This wiki page has instructions on how to replace the default DSpace logo.

Please see: http://www.lynda.com/Logo-Design-training-tutorials/1329-0.html for logo design.

It is not the intention of this wiki page to teach logo design.

For SUNScholar we use a logo of 1000px by 100px, so the following was changed.

Step 1 - Upload logo

Upload your repositories logo to the following images folder.

$HOME/source/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/images

Overwrite or create a file called logo.png.

If using a Microsoft desktop, install WinSCP (https://winscp.net) and use WinSCP to login to the server and then copy over the "logo.png" file you created.

Step 2 - Define logo CSS

Edit the following file:

nano -c $HOME/source/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/css/style.css

Step 2.1

Search for ds-header-wrapper at line 48 approx.

Add the following

height: 100px;

And change

min-width: 1000px;

Step 2.2

Search for ds-header-logo at line 64 approx.

Change to the following:

background: url('../../images/logo.png');

And change the following:

    width: 1000px;
    height: 100px;
    margin-top: 0px;
    margin-right: 0px;

Step 3 - Remove logo text

Edit the following file:

nano -c $HOME/source/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/xsl/core/page-structure.xsl

Comment out the following at line 348:

<span id="ds-header-logo-text">
   <i18n:text>xmlui.dri2xhtml.structural.head-subtitle</i18n:text>
</span>

Please note:

Text display

If you wish to keep the banner text, but want modify the text content, then type the following:

nano -c $HOME/source/dspace-xmlui/src/main/webapp/i18n/messages.xml

Search for xmlui.dri2xhtml.structural.head-subtitle and replace the message text with the content you wish.

Text style

To change the CSS style for the heading, type the following:

nano -c $HOME/source/dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/css/style.css

Go to line 70 approx, or search for ds-header-logo-text and modify the CSS as desired.

Step 4 - Rebuild DSpace

Rebuild DSpace