Joomla Templates Club 406,261 posts

[marginmedia Friend marginmediaJoin date: July 2009Posts: 63Downloads:0Uploads:1 Thanks: 3]

#155144

Hi

I am using this Teline III for my blog. In the Content top position I am using the plugin AiDaNews to display latest post.

In my posts I am using images 625px x 361px , this is the main image that is showed on the front page.

The problem I am having is on my iPhone layout. The images on the home page are all squashed and out of shape? When i click on the article to read it on the iphone, the image inside the article is fine and displays properly?

I am wondering what it is I can do to display the images on the front page of my iphone layout in the same manner? without them being squashed?

Any help with this matter will be greatly appreciated.

Thanks
M

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#358439

<em>@marginmedia 197746 wrote:</em><blockquote>Hi

I am using this Teline III for my blog. In the Content top position I am using the plugin AiDaNews to display latest post.

In my posts I am using images 625px x 361px , this is the main image that is showed on the front page.

The problem I am having is on my iPhone layout. The images on the home page are all squashed and out of shape? When i click on the article to read it on the iphone, the image inside the article is fine and displays properly?

I am wondering what it is I can do to display the images on the front page of my iphone layout in the same manner? without them being squashed?

Any help with this matter will be greatly appreciated.

Thanks
M</blockquote>

You should customize another logo for handheld layout.
Tip::
open file: templates/ja_teline_iii/layouts/blocks/handheld/header.php
find:

<h1 class=”logo”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>
</h1>

replace:
<h1 class=”logo handheld-logo”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>
</h1>

Open template.css file and add:


.handheld-logo a {
width: 265px !important;
height: 62px !important;
display: block !important;
background: url(../images/handheld-logo.gif) no-repeat left !important;
}


[marginmedia Friend marginmediaJoin date: July 2009Posts: 63Downloads:0Uploads:1 Thanks: 3]

#358501

Hi

Thanks for your response,
Its not the logo I wish to change, it is the image in the posts articles that are all squashed.

Thanks in advance
M

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

#358505

Can we have a link to your site so we can see what is going on?

[marginmedia Friend marginmediaJoin date: July 2009Posts: 63Downloads:0Uploads:1 Thanks: 3]

#358507

http://www.aaabackstage.com

thanks

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#358512

Plz tell me know how is squashed image on the attachment.

---

Attachments:

1. 

[marginmedia Friend marginmediaJoin date: July 2009Posts: 63Downloads:0Uploads:1 Thanks: 3]

#358531

This is a picture of what it looks like on my iphone

---

Attachments:

1. 

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#358536

<em>@marginmedia 197957 wrote:</em><blockquote>

This is a picture of what it looks like on my iphone</blockquote>

Hi,
Plz try to remove certain size of image in your module layout. View the attachment:

---

Attachments:

1. 

1 user says Thank You to Don Lee for this useful post

1. marginmedia

[marginmedia Friend marginmediaJoin date: July 2009Posts: 63Downloads:0Uploads:1 Thanks: 3]

#358539

That, worked!!! Thank you very much!

[Author]

Posts