Hi
I would like to change the logo on the iphone to my own image. I have seen the solution for Ja-purity but it does not seem to apply to jat3 as the iphone logo is not in the template/images folder.
Thank you
John
pritam
Friend
Hello john47 ,
On iphone change logo in Jat3 and Joomla 1.7
Can you provide your site url , but first go into the template manager and set css optimiation to “No” so we can see the correct files to modify and not the compressed version.
Hi
Thank you for your interest. The url is http://www.st-marys-shaftesbury.co.uk/j16site/ or http://www.stmaryscalne.org
css optimiation is set to “No” in both cases
John
pritam
Friend
Hello john47 ,
On iphone change logo in Jat3 and Joomla 1.7
Find this code at /templates/ja_t3_blank/local/themes/Header_FP_Sh/css/template.css line no. 29
<blockquote>h1.logo a {
background-image: url(“../images/logo_324x80.png”);
background-position: 0 0;
display: block;
height: 80px;
margin-top: 195px;
width: 324px;
}
Change this code to :-
h1.logo a {
background-image: url(“../images/logo_324x80.png”) ! important; /* place your own logo image url*/
background-position: 0 0;
display: block;
height: 80px;
margin-top: 195px;
width: 324px;
}</blockquote>
1 user says Thank You to pritam for this useful post
Hi
Thank you for your suggestion but it does not work.
../images/logo_324x80.png is my own logo image, not the default jat3image, I tested by inserting another image and it just shows the new image on the desktop version, The iphone site still has the default jat3 image.
I suspect that there is separate code somewhere for the iphone image but I don’t know how to see the page code on an iphone
EDIT and SOLVED
The code is in http://www.st-marys-shaftesbury.co.uk/j16site/templates/ja_t3_blank/css/iphone/template.css which is an override for http://www.st-marys-shaftesbury.co.uk/j16site/plugins/system/jat3/jat3/base-themes/default/css/iphone/template.css. Changing the image here works (h1.logo a { background-image: url(“../images/my_image.png”);}
Another trick I discovered was that you can set the desktop view to iphone in the template and use firebug to see the location on the elements on the page. I couldn’t do this on an actual iphone.
Hope that helps other users
John
This topic contains 6 replies, has 3 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum
