Resizing logo

**GK User** Mon Aug 11, 2014 7:56 am Reply with quote Report this post

This may be a question with a very easy answer.

I am using MusicState with J3.0 and want to use CSS to display the logo (rather than use text).

I have a large logo with a width of 600px but I don't want to resize it in Photoshop - rather I would like CSS to resize it.

What code do I need to add to my override.css to scale the logo down to fit this template?

Thx

**GK User** Mon Aug 11, 2014 8:13 am Reply with quote Report this post

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all: #gkLogo img { width: [value]px !important; height: [value]px !important }

and then just remember to enable "Use override CSS" option in template advanced settings tab.

**GK User** Mon Aug 11, 2014 8:46 am Reply with quote Report this post

Thanks for quick reply bkrztuk.

I tried it and also rewrote as

#gkLogo img {
width: 229px;
height: 77px;
}

...but it seems to have made no difference? Override CSS is enabled? Anything else I can try?

**GK User** Mon Aug 11, 2014 10:59 am Reply with quote Report this post

I don't see the !important part here, did you add it? Are you sure that "Use override CSS" option is enabled?

**GK User** Mon Aug 11, 2014 11:24 am Reply with quote Report this post

(1) Yes, "Use override CSS" option is definitely enabled and override.css is changing other elements.

(2) The code is exactly as you gave (changed it back) and still no joy?

It doesn't appear to be a cache thing either.

**GK User** Mon Aug 11, 2014 11:32 am Reply with quote Report this post

The other thing is that I have been struggling to change the colours of the menu links from their original colours via the override.css.

It's strange because other override code is working (such as max-width: 100% for #gkBg)

So could it be related to the menu only?

**GK User** Tue Aug 12, 2014 8:30 am Reply with quote Report this post

Could you provide me URL to your website so I'll be able to check whether code is added?

**GK User** Tue Aug 12, 2014 9:03 am Reply with quote Report this post

I have sent you a PM

**GK User** Tue Aug 12, 2014 11:56 am Reply with quote Report this post

The PM is sitting in my outbox. Please can you you let me know an email I can use to send you site details?

**GK User** Wed Aug 13, 2014 8:59 am Reply with quote Report this post

The outbox means that the message is send. Please do not use PM when we don't request it because it only makes longer to help you. You can share link here on topic, even use some shortener to not paste it with clear text.

**GK User** Wed Aug 13, 2014 9:49 am Reply with quote Report this post

Sorry bkrztuk - I'm not able to make the link public so unfortunately PM was necessary. Sorry if it has slowed your procedure.

**GK User** Fri Aug 15, 2014 8:53 pm Reply with quote Report this post

Please check your PM - your provided details are not working.