Joomla Templates Club 406,261 posts

[glucosillo Friend glucosilloJoin date: December 2012Posts: 28Downloads:52Uploads:16 Thanks: 12 Thanked: 3 times in 1 posts]

#191773

Hello.

I have a little problem with the module “Portfolio”.

In my site (provisional) http://agentesdkv.es the module Portfolio is named “algunos de nuestros hoteles”, is shown several images (resized). If you click on them, it opens the popup with the images bigger (on real size). Everything Ok. (see image 1).

But if you open the site with IE 9 or 10, the problem is that the resized images in home, are shown in a different size, and the look is demential. (see image 2)

Any solution for this problem?

I know one solution, don´t use IE, :). But my customers want to use it….

Help me please!

---

Attachments:

1. 
2. 

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

#510490

Hi glucosillo,

This issue comes from the defined max-width property of JA Content Popup item’s images on IE that you can solve with following 2 steps below:

1. Backup your modified .css files or move all modified css styles into templates/ja_onepage/css/custom.css file.

2. Open templatesja_onepagelessstyles.less file, replace lines (approx 223th):

img.jaimage,
div.circle_image .img-grayscale,
.clients .img-grayscale{
max-width: none9 !important;
filter: gray9;
}

with

img.jaimage,
div.circle_image .img-grayscale,
.clients .img-grayscale {
max-width: 100%;
filter: gray9;
}

.gs-wrap:hover img.jaimage,
div.circle_image:hover .img-grayscale,
.clients .img-grayscale{
max-width: 100%;
filter: gray9;
}


Then save and Compile Less to Css in Template Manager. Don’t forget to check it on IE again and back to inform me the result.

[glucosillo Friend glucosilloJoin date: December 2012Posts: 28Downloads:52Uploads:16 Thanks: 12 Thanked: 3 times in 1 posts]

#510556

Hello,

I don´t know exactly what you mean with “Backup your modified .css files or move all modified css styles into templates/ja_onepage/css/custom.css file. “, because I only have modified several files (without add lines). Mainly I have changed “header_gif” by “header_jpg”.. in template.

First of any change, I have made now a global backup with akeeba.

I have changed the file style.less that you told to me, but when I go to complie Less, I received an “unexpected error”.

Of course no changes on IE.

I have read something about this “unecpected error” in this forum, in a post between you and the user woluweb, but sincerely, I got lost. :(( Can you give me a hand, please?

By the way, you talk to change on line aprox 223th, but in my file, the code in on line 923th. Strange, isn´t it? or something wrong?

Greetings and thanks for your help.

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

#510561

Hi glucosillo,

It is fine. Can you send me PM with the website’s credentials ? I will help you to fix the issue of Portfolio section directly on your website.

[glucosillo Friend glucosilloJoin date: December 2012Posts: 28Downloads:52Uploads:16 Thanks: 12 Thanked: 3 times in 1 posts]

#510562

You have a PM.

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

#510568

Hi glucosillo,

I have worked with templates/ja_onepage/css/themes/metro/template.css file and added a little bit of css styles into.

.portfolio .ja-cp-main .ja-cp-image img {
width: 240px;
}

img.jaimage,
div.circle_image .img-grayscale,
.clients .img-grayscale {
max-width: 100%;
filter: gray 9;
}

.gs-wrap:hover img.jaimage,
div.circle_image:hover .img-grayscale,
.clients .img-grayscale{
max-width: 100%;
}

The Portfolio items display fine on IE now, and remember to backup this file whenever you update the template or enable Development Mode. In addition, can you check it again and back to confirm me your result ?

1 user says Thank You to phong nam for this useful post

1. glucosillo

[glucosillo Friend glucosilloJoin date: December 2012Posts: 28Downloads:52Uploads:16 Thanks: 12 Thanked: 3 times in 1 posts]

#510578

I have check it and looks fine, both IE 9 and 10. In 9 almost well (no space between images) but is enough.

Many thanks for your help!

[Author]

Posts