Joomla Templates Club 406,261 posts

[marian_7117 Friend marian_7117Join date: February 2011Posts: 69Downloads:0Uploads:17 Thanks: 18]

#163803

Hi,
I changed the logo size from template.css and put my new logo(as below), but in mozzila I still see the same old logo and in internet explorer I see the new one, but it looks bad.
I cleaned cache and deleted the cookies.
What can I do to resolve the issue?
Thanks
Marian
http://www.stiriexterne.com

template.css :
/* Logo Image —*/
h1.logo { height: 57px; margin-top: 40px; width: 301px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left top;
display: block;
height: 57px;
width: 301px;
}

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#390559

Hello,

(logo.png) location: “templatesja_teline_ivimages”
file extension .png
size 222 x 114

To change size of logo, customise template.css file:

/* Logo Image —*/
h1.logo { height: 57px; margin-top: 40px; width: 222px; }
h1.logo a {
background: url(../images/logo.gif) no-repeat;/* removed “left top”*/
display: block;
height: 57px;
width: 222px;
}
h1.logo a:hover, h1.logo a:focus { /*background-position: left bottom; */ }

[indrit Friend indritJoin date: June 2008Posts: 29Downloads:0Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#398452

Hello,

I see this is a solve topics, however I need to ask for a different modification of a logo.

As a default the log has the following dimensions: 222 x 114 (px)

What do I need to change to make the logo 250 x 200

When I tried once I ended up having the logo half-shown and half stuck underneath the menu.

Anyone can post here the code for me?

Regards,
Indrit

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#398578

try this:
open template.css and change this code:


/* Logo Image ---*/
h1.logo { height: 57px; margin-top: 40px; width: 222px; }
h1.logo a {
background: url(../images/logo.gif) no-repeat;/* removed "left top"*/
display: block;
height: 57px;
width: 222px;
}

to


/* Logo Image ---*/
h1.logo { height: 200px; margin-top: 40px; width: 250px; }
h1.logo a {
background: url(../images/logo.gif) no-repeat;/* removed "left top"*/
display: block;
height: 200px;
width: 250px;
}


1 user says Thank You to Ninja Lead for this useful post

1. philsu

[indrit Friend indritJoin date: June 2008Posts: 29Downloads:0Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#399849

Hi hungnd

I have done this before and it does not do my good at all. As I have explained before half of my logo is stock underneath the mega menu. There must be some other modification to the CSS that can accommodate the logo modification size.

Here is my test site: http://www.albohio.com/index

regards,
Indrit

[indrit Friend indritJoin date: June 2008Posts: 29Downloads:0Uploads:6 Thanks: 3 Thanked: 1 times in 1 posts]

#400099

Hi All,

Please see my issue with logo change dimension in both Mozila Firefox and Internet Explorer7:

IE7:

MozilaFirefox:

What can I do to fix this?

regards,
indrit

---

Attachments:

1. 
2. 

[fdr77 Friend fdr77Join date: April 2011Posts: 104Downloads:0Uploads:39 Thanks: 13 Thanked: 3 times in 1 posts]

#400102

change in the template.css
#ja-header .main {
height: 255px ; ……

[Author]

Posts