Change size of logo image

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Mar 04, 2013 9:37 am
Reply with quote
Report this post
I guess the subjectline says it all...I want to increase the size of the logo image.
Where can I change that?

thanks,
James
User avatar
Fresh Boarder

Konrad M
Mon Mar 04, 2013 9:43 am
Reply with quote
Report this post
Hi,
please try add to override.css
Code: Select all
#gkLogo.cssLogo {
    height: 46px;
    width: 175px;
}

and set both values as same as your image dimensions. And remember to enable override.css option in template settings.
User avatar

GK User
Mon Mar 04, 2013 10:04 am
Reply with quote
Report this post
Thanks for the quick response.
However, unless I have done something wrong, it doesn't work.
Content of my /templates/gk-bikestore/css/override.css:
/*
#------------------------------------------------------------------------
# BikeStore - June Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */
#gkLogo.cssLogo {
height: 200px;
width: 200px;
}

And I have turned the CSS Override to ON in template Advanced Settings.
User avatar
Fresh Boarder

Konrad M
Mon Mar 04, 2013 10:09 am
Reply with quote
Report this post
Please give me url to your webiste.
User avatar

GK User
Mon Mar 04, 2013 11:41 am
Reply with quote
Report this post
Konrad M wrote:Please give me url to your webiste.


http://newtmb.tmbshop.be/
User avatar
Fresh Boarder

Konrad M
Mon Mar 04, 2013 11:43 am
Reply with quote
Report this post
Please add to override.css
Code: Select all
#gkLogo {
    width: auto !important;
}
User avatar

GK User
Mon Mar 04, 2013 11:53 am
Reply with quote
Report this post
Konrad M wrote:Please add to override.css
Code: Select all
#gkLogo {
    width: auto !important;
}


override.css:
/* Here you can include your override CSS styles */
#gkLogo.cssLogo {
height: 200px;
width: 200px;
}
#gkLogo {
width: auto !important;
}

Still nothing...
User avatar
Fresh Boarder

Konrad M
Mon Mar 04, 2013 11:59 am
Reply with quote
Report this post
Please clear cache and refresh browser. Here how it looks on my FF:
sample.png
User avatar

GK User
Mon Mar 04, 2013 12:05 pm
Reply with quote
Report this post
Konrad M wrote:Please clear cache and refresh browser. Here how it looks on my FF:


So stupid...thanks for your help!
User avatar
Fresh Boarder


cron