Joomla Templates Club 406,261 posts

[An LeFevre Friend An LeFevreJoin date: September 2014Posts: 48Downloads:57Uploads:2 Thanks: 8]

#188072

Hello.

I created a bg image position & module in order to rotate images in the backgound of my client’s site. Everything shows up, but the proportions of the image doesn’t work properly.

This happens when the browser window is longer than the width…the images are stretched to fit the length of the window but the width remains the same.

Can you please help me identify what I need to fix in order for the images to not stretch/elongate?

Here are the steps I did to Mitius template:

1. I added div class to header.php block:

<div class="ja-background-img">
<jdoc:include type="modules" name="background-img" />
</div>

2. I added position to templateDetails.xml

<position>background-img</position>

3. Then I added CSS code to custom.css

/* Background Image */
.ja-background-img {
z-index: 999;
}

4. Finally, just published module with this newly created position for a background image extension.

Here is a snapshot of what this stretching looks like:

Am I missing something? And, the developer of the extension wrote that their extension is 100% width/height so they think something with the template is making it stretch.

Can you please help?

Thanks!
An 🙂

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#495353

Hi,

I need a closer look on your website, pls put your page url here. I will check & try to give you suitable solution.

* Pls send me PM with your url if you don’t want to publish it.

Leo

[Author]

Posts