Creativity template - change logo size, position

How do I change the size and position of the logo?
I uploaded a png but could not see where I can make changes. On other templates I've made changes to the module
thank you

Could You please post an url to your site?

photomojo.co

Please check the template settings. Currently you are using text logo, but you can switch it to image logo which will load your png. Please do that change, then describe what change you would like to make, Ill check the page and provide you correct override.css declarations.

I took the png (logo image) down because I could not figure out how to fix the size or position. I'll put it back up.

Hi.

I inserted the logo. I would like to know how to add a little space above it. Or around it.
And I would like to put a tagline with it. This will e ither next to it (on the right), or below it. I'll be redoing the navigation so there may be room on the right.

thanks

Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

.gkPage .gkLogo {padding: 10px 11px 12px 13px;}


10px- top spacing, 11px - right spacing, 12px - bottom spacing, 13px - left spacing.
Remember to enable "CSS override" in template settings - advanced section.

If thats not enough please create a screenshot and modify it in any image editing software to show me exactly how should it look.
Also I would suggest to use smaller logo size.

Is there another step?

/templates/gk_creativity/css/override.css

I went to: /template manager/gk_creativity/css/override.css

And edited like this:

/*
#------------------------------------------------------------------------
# Creativity - May Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* .gkPage .gkLogo {padding: 16px 11px 20px 13px;} */

and enabled overide css in advanced settings, but don't see a difference in the logo position

Why have you putted it as css commented out code?

Code: Select all

/* .gkPage .gkLogo {padding: 16px 11px 20px 13px;} */


Can you please explain what I should do?
I followed the instructions you sent.
I did not see a difference.
So I posted again and and you wrote this: Why have you putted it as css commented out code?
I don't know what you mean by 'commented out code'

I would like to know how to add space around the logo.

There is a difference between this:

Code: Select all

/* .gkPage .gkLogo {padding: 16px 11px 20px 13px;} */


and this:

Code: Select all

.gkPage .gkLogo {padding: 16px 11px 20px 13px;}


You have first, and should have second. If you use any kind of translator to translate this message you need to disable it.

I should remove /* at the beginning and */ at the end?

/* and */ were in the document so I left them there. I didn't know I should remove them. I will remove them. thanks.

(What do you mean by translator? Do you mean a language translator?
I'm not using a translator but I am wondering why you have mentioned that.

It seems you had a problem seeing the difference - I thought it's because of weird translator that cuts out important code - it happened before so I wanted just to mention.

And yes, you need to cut out /* and */ from that line so it looks exactly as I mentioned - it should be a last line in that file.