Logo size on Error & Login-page

Rate this topic: Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.Evaluations: 2, 3.50 on the average.3.50 out of 6 based on 2 vote(s)
GK User
Wed Apr 23, 2014 3:48 pm
Reply with quote
Report this post
I need some help with a possible CSS override in the template. I resized my logo via a css override in the template. So far so good. Now, when i look at the error page or the offline-page of the template (site is under construction at the moment) the logo is all over the place. How can i change that?

Url: www.camtacle.de

Thank you!
User avatar
Fresh Boarder

GK User
Wed Apr 23, 2014 3:51 pm
Reply with quote
Report this post
error page have separate styles which you will find in css/error.css file, there you also need to add custom rules for your logo image.
User avatar
Platinum Boarder

GK User
Wed Apr 23, 2014 6:27 pm
Reply with quote
Report this post
Thanks fpr the reply. I have tried to change the code (i have used the following css override in template backend
Code: Select all
#gkLogo { width: 254px; }
on my local machine first but with no luck. I am using both error.style 1 & offline.style 1 sheets.
Can you please tell me where and what i have to change in those two styles so that the logo has the same size?

Thanks a lot!
User avatar
Fresh Boarder

GK User
Thu Apr 24, 2014 8:20 am
Reply with quote
Report this post
Could you just provide me URL to your error page?
User avatar
Platinum Boarder

GK User
Thu Apr 24, 2014 2:14 pm
Reply with quote
Report this post
bkrztuk wrote:Could you just provide me URL to your error page?


This is the login-page (same logo-issue) since the site is under construction.

Thanks!
User avatar
Fresh Boarder

GK User
Fri Apr 25, 2014 11:02 am
Reply with quote
Report this post
Please open file :

Code: Select all
template/css/system/offline.style1.css


and find this part :

Code: Select all
#gkLogo img {
   display: block;
   margin: 0;
}


then replace it with :

Code: Select all
#gkLogo img {
   display: block;
   margin: 0;
   width: 224px;
}
User avatar
Platinum Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.