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//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//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//dspace/modules/xmlui/src/main/webapp/themes/SUNScholar/lib/xsl/core/page-structure.xsl Comment out the following at line 348: xmlui.dri2xhtml.structural.head-subtitle

Text display
If you wish to keep the banner text, but want modify the text content, then type the following: nano -c $HOME//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//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