Joomla Templates Club 406,261 posts

[Noman Friend NomanJoin date: March 2006Posts: 19Downloads:0Uploads:2 Thanks: 4]

#140130

Hi Guys

I’m struggling here to get our logo displayed correctly. I found 2 lines in CSS, but even I increase both values, nothing happens. Any advice please?

template.css (line 791)

h1.logo a {
background:transparent url(../images/logo.png) no-repeat scroll 0 0;
display:block;
height:220px;
width:220px;

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#300763

<em>@Noman 123649 wrote:</em><blockquote>Hi Guys

I’m struggling here to get our logo displayed correctly. I found 2 lines in CSS, but even I increase both values, nothing happens. Any advice please?

template.css (line 791)

h1.logo a {
background:transparent url(../images/logo.png) no-repeat scroll 0 0;
display:block;
height:220px;
width:220px;</blockquote>

What did the rule look like initially?

I’m wondering if that’s the correct rule you should be modifying.,
Did you replace the original image with your own?

1 user says Thank You to TomC for this useful post

1. Noman

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#300766

By changing those values you are changing the size of the box you have available for your image but not the size of the image. You need to create a new logo.png of the dimensions you require.

1 user says Thank You to Phill for this useful post

1. Noman

[Noman Friend NomanJoin date: March 2006Posts: 19Downloads:0Uploads:2 Thanks: 4]

#300769

Thank you both

The original values were:

height: 60px;
width: 295px;

I have replaced the “logo.png” with the new one, which is 158px/112px and only top half is visible on the front page. Still no clue 🙁

Anyone please?

[damian Friend damianJoin date: May 2008Posts: 154Downloads:0Uploads:8 Thanks: 70 Thanked: 20 times in 1 posts]

#300778

Edit your template.css line 791

h1.logo a
background:transparent url(../images/logo.png) no-repeat scroll 0 0;
display:block;
height:60px; ==> change to 158
width:295px; ==> change to 112

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#300788

Have you a link to your site?

[Noman Friend NomanJoin date: March 2006Posts: 19Downloads:0Uploads:2 Thanks: 4]

#300799

Hi guys

I tried once again and no luck. Logo still cut in half.

Things I’ve done so far

1. Have created a new logo.png on my PC and replaced with the original one. New size is 158×112
2. CHMOD on template.css to 777 to make it writeable
3. As per your advice, have edited lines below “h1.logo a” to the new values
4. Saved the template.css and reverted CHMOD back to 555
5. Checked in FF 3.0.6 and IE7, IE8 – no changes 🙁

So unlucky I am today and we have Easter. WHY ME???? 😉

Thank you for your support so far. Any other comments please?

BTW – website is not visible to the public. Sorry for that. Customer’s request.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#300800

Have you cleared your cache?

[Noman Friend NomanJoin date: March 2006Posts: 19Downloads:0Uploads:2 Thanks: 4]

#300802

Hi Phill

I tried to clear cache in Joomla [both] as well as in my browsers. Meantime, I was able to connect to our office desktops remotely [via RDP] and check the same on them. They’re clean and that website was never accessed on them. Same story – no changes. Can’t display it properly. I will try to create a transparent GIF instead of PNG and we will see…

Thank you.

[Noman Friend NomanJoin date: March 2006Posts: 19Downloads:0Uploads:2 Thanks: 4]

#300805

OK, FOUND IT!!!

template.css

/* HEADER
——————————————————— */
#ja-header {
height: 100px; ==> changed to 170
z-index:999;

Thank you all for your support. Have a great Easter! 🙂

[Author]

Posts