Joomla Templates Club 406,261 posts

[rwjoomlart Friend rwjoomlartJoin date: April 2011Posts: 44Downloads:0Uploads:9 Thanks: 13 Thanked: 1 times in 1 posts]

#168751

When you view my site on an iphone it has the ja-minisite logo at the top. Can you tell me the location of this image so I can replace it with our logo.

Also how do you change the color of the bar at the top (where the logo is positioned) from the grey it is currently to black?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413845

Hi,
you replace this code from /templates/ja_minisite/css/iphone/template.css

h1.logo a {
background: url(../../images/logo.png) no-repeat center;
display: block;
height: 63px;
width: 115px;
}

with

h1.logo a {
background: url(../../images/logo-iphone.png) no-repeat center;
display: block;
height: 63px;
width: 115px;
}

– You add logo-iphone.png into /templates/ja_minisite/images/

1 user says Thank You to khoand for this useful post

1. rwjoomlart

[rwjoomlart Friend rwjoomlartJoin date: April 2011Posts: 44Downloads:0Uploads:9 Thanks: 13 Thanked: 1 times in 1 posts]

#413900

Ok perfect – that changed the logo.

Also I’m trying to change the color of the panel behind the logo to black – could you please point me to the code for that.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413901

I dont undestant your intention. Could you give me a snapshot with your annotation?

[rwjoomlart Friend rwjoomlartJoin date: April 2011Posts: 44Downloads:0Uploads:9 Thanks: 13 Thanked: 1 times in 1 posts]

#414059

I would like to change the area colored grey where the logo is situated and and change it to black. Apologies for the rough image.

---

Attachments:

1. 

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#414108

GOTO: plugins/system/jat3/base-themes/default/css/iphone/template.css – line 469

Add the following in red.

#ja-header {
background: none repeat scroll 0 0 #000000;
margin-bottom: 14px;
padding: 9px 0;
text-align: center;

}

Have fun!
John.

2 users say Thank You to John Wesley Brett for this useful post

1. rwjoomlart
2. teemuki

[rwjoomlart Friend rwjoomlartJoin date: April 2011Posts: 44Downloads:0Uploads:9 Thanks: 13 Thanked: 1 times in 1 posts]

#414251

Thank you – worked perfectly.
Had to remove this line too.
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cdd4d9), color-stop(3%, #c0c9cf), color-stop(97%, #abb7bf),to(#81929f))

[Author]

Posts