Public Forums 71,145 posts

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#160533

I am using the JA Droid template for Joomla 1.6. The stock header logo is 302 px wide. I would like to add a logo that is approx 600px wide. I have added the larger logo and used Firebug to view the changed width, however I cannot figure out what changes need to be made for the logo to be centered.

Please help!

Many thanks.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#378041

Dear dmason,

Can you post here the url where the issue can be seen ?

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#378553

Hi, thanks for the reply. http://www.conciergefinancialoffice.com

The header logo is 650px wide. As mentioned, using firebug, I can see the entire image by adjusting the image width. However, I cannot figure out what change needs to be made to the code to have the image centered.

Thanks very much for your help.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#378719

Dear dmason,

It seems you have managed to get the logo centered. Please let me know if you need any further assistance.

[dcobrin Friend dcobrinJoin date: September 2010Posts: 1Downloads:0Uploads:0]

#415504

Using JA Droid and would like to narrow the header backbround by half (so it takes up less space. I tried altering …css/template.css
from #ja-header { background: url(../images/header-bg.jpg) repeat-x left top; }
to #ja-header { background: url(../images/header-bg.jpg) repeat-x left top;height: 100px; }

but it reduced the first page on Firefox but not on any subsequent pages or on IE 7 to 9.

Can you please advise.

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

#415516

As many of us know, Internet Explorer can be a real pain to deal with in terms of how it interprets CSS – as opposed to most other browsers that seem to consistently get it right. 😉

In any case, one work-around method would be to insert your modified CSS into the IE7.css file (that I believe/hope was included with the JA Droid download files). As for IE9, you may need to create a custom stylesheet (e.g. IE9.css) and insert the appropriate code to direct IE9 browsers to call upon the particular IE9 css.

(I will look for where you would need to insert this code and get back to you a.s.a.p.)

Mind you, this is only the first possible work-around solution that came to mind.
There may be others, which I will field with my fellow Support Team Members.

[sunbox Friend sunboxJoin date: August 2011Posts: 23Downloads:0Uploads:1 Thanks: 8]

#445497

Were you ever able to figure this out. I really need to fix this for some clients. It shows up correctly in FireFox, Chrome, Safari, but still IE8 and 9 are cutting off my larger logo. Please help! I have upgraded the 1.6 template to Joomla 2.5.3 and I was able to get it to show up a little better in IE7 but no luck with IE8 and 9. Please help!

<em>@TomC 271221 wrote:</em><blockquote>As many of us know, Internet Explorer can be a real pain to deal with in terms of how it interprets CSS – as opposed to most other browsers that seem to consistently get it right. 😉

In any case, one work-around method would be to insert your modified CSS into the IE7.css file (that I believe/hope was included with the JA Droid download files). As for IE9, you may need to create a custom stylesheet (e.g. IE9.css) and insert the appropriate code to direct IE9 browsers to call upon the particular IE9 css.

(I will look for where you would need to insert this code and get back to you a.s.a.p.)

Mind you, this is only the first possible work-around solution that came to mind.
There may be others, which I will field with my fellow Support Team Members.</blockquote>

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#445506

Hi sunbox,

Could you post here your url where the issue can be see ? Just need to take a look at it with firebug and I bielive someone here would be able to detect what’s the problem.

[sunbox Friend sunboxJoin date: August 2011Posts: 23Downloads:0Uploads:1 Thanks: 8]

#445726

http://kennedyhousecalls.com/

Working in FireFox, Safari, Chrome, (kind of working in IE7),
Now working in IE8-9 (cuts off the right side of the logo)

Thanks!

<em>@Dat Hoang 309905 wrote:</em><blockquote>Hi sunbox,

Could you post here your url where the issue can be see ? Just need to take a look at it with firebug and I bielive someone here would be able to detect what’s the problem.</blockquote>

[sunbox Friend sunboxJoin date: August 2011Posts: 23Downloads:0Uploads:1 Thanks: 8]

#445995

Okay I think I fixed it. With IE7 I had to just make the h1.logo a width a little larger than my logo. The other ones were not displaying cocorrectly because of a bad file in the public_html/t3-assets folder. I deleted everything in there and I was able to fix it. I stumbled on this because even in firefox on a couple of pages it was cutting off the right side of my logo and when I inspected the element it showed the original 302 width. After I deleted all the files in t3-assets and reloaded the page it worked. This was strange because I am still development mode under the template settings. Oh well. I will remember this for the future. Thanks all for help.

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

#446002

In development mode you must also make sure the css optimization is turned off.

[loeds Friend loedsJoin date: March 2012Posts: 1Downloads:0Uploads:0]

#493601

good post:)

[Author]

Posts