CSS Logo

I would like to use my Logo from CSS .
Where can I find the file to edit ?

1) I have found the file but after changing it , it does not appear on my front end still the old original John Logo appears ?
2) How can I adjust the width of the logo ? in css ?

Hi

All changes should be simply added to override.css file. Please do not change any css files or You will lost Your modifications during update.

Depending on which method You've used for logo solutions can be different. Here are some classes whcih are affecting logo image and it's dimensions.

Code: Select all

.svg #gkLogoSmall.cssLogo {
    background-image: url("/joomla25/john/templates/gk_john_s/images/logo_dark.svg");
}
#gkLogoSmall, #gkLogoSmall.cssLogo {
    height: 38px !important;
    margin: 6px 40px 2px 0;
    width: 90px !important;
}
#gkLogoSmall.cssLogo {
    background: transparent url("/joomla25/john/templates/gk_john_s/images/logo_dark.png") no-repeat scroll 0 0;
}