Larger Logo

hello,
when my logo is 300x200 I get on the left side two stripes and they aren`t in the middle. And I want it a little higher near the frame. all things I try with firebug give no results!

header.jpg

my changes

Code: Select all

.logo { height: 204px; width: 300px; margin: 35px 0 0; font-size: 180%;line-height: 100%; }
h1.logo.text { width: auto; margin: 0; }
h1.logo.text a,
h1.logo.text .site-slogan { display: block; background:none!important; color: #fff; font: normal 48px/76px Georgia, serif; font-style: italic; text-indent: 0; color: #433a31; text-align: center; }
h1.logo.text a { padding: 0 16px; width: auto!important; }
h1.logo.text .site-slogan { font-size: 12px; line-height: 10px; margin: -74px 0 18px 0; }
h1.logo { margin-top: 0; }
h1.logo a { background: url('../images/style1/logo.png') no-repeat 0 0; display: block; height: 204px; margin: 0; text-indent: -999em; width:300px; }

Hi

Can give us url site, please?

Sorry, I have it only on xampp local.

I try to upload it tonight, thanks.

Here is the Link

I don`t want the lines on the side of logo.

My second question: I want the Modul"Our Location" in the Tabs Manager. But the class"info-block-time" won`t work in the Tab Manager. I want the clock picture same like on left-top position.

I try to enable plugins in the tab manager, is there a reason?

Hi

Here's want i suggest:

Step 1: Recover the original css style.

Step 2: Download the attach image, decompress and replace on ../gk_coffe/images/style1/top_lines.png

Step 3: Go to template parameters and enable override.css file.

Step 4: Add the following code on override.css file:

Code: Select all

h1.logo a {width:300px;height: 204px }
#gk-top>span { background: url('../images/style1/top_lines.png') no-repeat right -100px; }
#gk-top>span:first-child { background-position: left 120px; }


This should work fine.

Cheers

top_lines.zip

No, it didn`t work, you can see. The lines are still there. I change with and high for my Logo. What is, when I use a blank top_lines.zip picture?

Unbenannt-2.jpg

I don't understand.
You want the stripe or not?
I thought that your problem was the display of 2 stripes on left side.
This happens because the background image with stripes have 2 stripes, so it's not a question of no repeat background attribute.
If you don't want, just add this line on override.css file.

Code: Select all

#gk-top>span {background-image: none!important}

I also want a larger logo and tried to use instructions above.
I copied the following into my override.css
h1.logo a {width:400px;height: 96px }
#gk-top>span { background: url('../images/style1/top_lines.png') no-repeat right -100px; }
#gk-top>span:first-child { background-position: left 120px; }
#gk-top>span {background-image: none!important}

not sure what i did wrong,
see http://www.finessence.com.au/blog

Thanks,
Alan

Did you enable override.css?

I don't understand.
You want the stripe or not?
I thought that your problem was the display of 2 stripes on left side.
This happens because the background image with stripes have 2 stripes, so it's not a question of no repeat background attribute.
If you don't want, just add this line on override.css file.

Code: Select all

#gk-top>span {background-image: none!important}

it works, thank you!

I also want a larger logo and tried to use instructions above.
I copied the following into my override.css
h1.logo a {width:400px;height: 96px }
#gk-top>span { background: url('../images/style1/top_lines.png') no-repeat right -100px; }
#gk-top>span:first-child { background-position: left 120px; }
#gk-top>span {background-image: none!important}

not sure what i did wrong,
see http://www.finessence.com.au/blog

Thanks,
Alan

You must set your high and width of the Logo in line 73 and 66 of template.css

I have tried all of the remedies listed above to include a larger logo on a site. I have downloaded the image, used the css in the override css file & even modified the template css file directly but nothing works. Can someone please point me in the right direction as to why I cannot get this to work? I either get two lines on the left or one line with the logo cut off on the bottom & right sides.

Never mind its working now.

Thanks

Lisa

I have tried all of the remedies listed above to include a larger logo on a site. I have downloaded the image, used the css in the override css file & even modified the template css file directly but nothing works. Can someone please point me in the right direction as to why I cannot get this to work? I either get two lines on the left or one line with the logo cut off on the bottom & right sides.

Never mind its working now.

Thanks

Lisa

In your case, you just need to add this lines on override.css file:

Code: Select all

h1.logo a { background: url('../images/style1/logo.png') no-repeat 0 0; display: block; height: 250px; margin: 0; text-indent: -999em; width:250px; }
#gk-top>span:first-child { background-position: left 120px; }

screen_2011-02-25-2.png

Cheers

Got it guys, forgot to enable override.css thanks!

Hi,
for me to have a bigger logo I jused this text. My question is, how to lower the line to the right of logo. As you see in the picture the are not equal.

I jused this code:
h1.logo a { background: url('../images/style1/logo.png') no-repeat 0 0; display: block; height: 250px; margin: 0; text-indent: -999em; width:370px; }
#gk-top>span:first-child { background-position: left 45px; }