Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Image sizeing.

09-12-2017, 04:55 AM
# 1 (permalink)
cral79

I'm want to use this extension to list the last 6 items in 3 different categories from K3. Seems to work, expect for the image sizing.

It doesn't seem to apply the Intro image width and Intro image height for the front image, and when I have 6 items/articles the grid is all messed up.
Any ideas?

I'm using the genius template, with most setting as in the demo, but changed to 6 items and 3 categories.

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: Local installation

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal
Attached Images
File Type: jpg grid.jpg (96.1 KB, 3 views)
10-02-2017, 04:08 AM
# 2 (permalink)
cral79

No tips on how to fix this?
10-10-2017, 05:30 PM
# 3 (permalink)
arefund
Hello cral79.
Sorry for the delay.
It looks like the height of the items is not properly that is why the layout is crashing.
Please try to add this into the styles.js file located inside the src folder.

Code:

$(window).load(function() {
    var yjmeHeight = 0;
    var yjme;
    $('.garticles .yjme_item_in', yjme).each(function() {
    $this = $(this);
    if ($this.outerHeight() > yjmeHeight) {
                yjme = this;
                yjmeHeight = $this.outerHeight();
           }
     });
     $('.garticles .yjme_item_in').outerHeight(yjmeHeight);
});
Kindness costs the least, but is worth the most!
10-17-2017, 02:44 AM
# 4 (permalink)
cral79

Thanks, getting better


But the settings in the module, doesn't those work? It would be even better if those where active, and all the images was the same size.
10-19-2017, 07:56 AM
# 5 (permalink)
arefund
The image is corrected with the css so it is 100% wide and the height is auto. The best solution is to make your images the same height, if not then you can change the css, add the height to it like this:

.garticles .yjme_item a.item_image{
max-height: your px height;
}
Kindness costs the least, but is worth the most!
Thread Tools
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Members Login

Username
Password