Prepare a header image and place in Dspace folder
e.g. cp header.png /opt/tomcat/webapps/jspui/image
Hide Dspace brand heading
Open header-default.jsp file using Terminal. Apply following commands,
sudo su
gedit /opt/tomcat/webapps/jspui/layout/header-default.jsp
Find following lines
</header>
<main id="content" role="main">
<div class="container banner">
<div class="row">
<div class="col-md-9 brand">
<h1><fmt:message key="jsp.layout.header-default.brand.heading" /></h1>
<fmt:message key="jsp.layout.header-default.brand.description" />
</div>
<div class="col-md-3"><img class="pull-right" src="<%= request.getContextPath() %>/image/logo.gif" alt="DSpace logo" />
</div>
</div>
</div>
<br/>
<%-- Location bar --%>
Replace the red marked code with
<p align="middle" topmargin="0">
<img src="/jspui/image/header.png" width="1135"> </p>
Save and close the file.
Open jspui interface and refresh the page and see the new header.
Thanks a lot sir for prepared above guide. It's really help for me to change the header of DSpace in Ubuntu 20 LTS
ReplyDeleteits good for desktop version. But on mobile its not looking good sir. How can we make it mobile responsive
ReplyDelete