Roundcube Community Forum

Themes & Styling => Theme Releases => Topic started by: andrewjs18 on March 31, 2014, 11:43:04 PM

Title: how to center logo on sign in page
Post by: andrewjs18 on March 31, 2014, 11:43:04 PM
how can I center the logo in the sign in page?

(http://i.imgur.com/bF3Il3r.jpg)

furthermore, after signing in, how can I increase the top black bar?

(http://i.imgur.com/YIToMbH.jpg)

I'm using the default theme that ships with the latest stable version of roundcube.
Title: Re: how to center logo on sign in page
Post by: icedman21 on June 14, 2014, 02:04:15 AM
TO center the login logo, just edit /skins/default/templates/login.html or /skins/larry/templates/login.html, whichever applies to your case.

Look for this at the top of the file

Code: [Select]
<div id="login-form">
<div class="box-inner">
<roundcube:object name="logo" src="/images/roundcube_logo.png" id="logo" />

<roundcube:form name="form" method="post">
<roundcube:object name="loginform" form="form" size="40" submit=true />
</form>

and replace the line <div class="box-inner"> with <center><div class="box-inner"></center>



I know that you should style with css preferably, but for a quick fix, this is what I use