1. ehoward
  2. Free Templates / Extensions
  3. Friday, 12 June 2015
  4.  Subscribe via email
I am having trouble with the image size. While I set the gallery image width to the exact size as the images, they appear distorted – they’re too large to fit into the frame.. I’m stumped, would you be able to help me? I will send credentials privately.
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Elaine

However the URL provided in your email appears to be for a website running Joomla 1.5?

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

We could now access your site.

I believe your issue is that you are finding your images to be cropped rather than distorted? Due to the styling of the hover effect of this GridGallery module (images slide to left on hover), images will be slightly cropped to the right. This cropped area then slides in to view when the image is hovered.

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
hi
yes so how do we get it so that there is no slide on moueover and no distortion please??? alo how do i change to text size of the header and description as mine are too big

thanks
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Sorry to say as the slide effect is created via PHP within the module core it is not possible to remove this effect without radically changing the module files. The GridGallery styling varies from one template to the next so if you can find a version of the module from one of the other templates which suits your needs we would be happy to make it available to you.

For the benefit of other forum users please create a new post for new queries. Please also include a URL to an example of your header text.

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
ok thanks but what about just making the desciptin text smaller when you hover over the image please?
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
In J51_GridGallery module’s general settings, image width is set to 144. The actual images are 144 pixels wide. When animation ceases, not only are the images cropped all around, they are blurry from being enlarged. When I use Firefox Web Developer Tools to display image dimensions, I see they have been expanded to 194 pixels wide.

Where do I adjust how much the images will be enlarged?
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Here is another illustration what is happening to the images - where do I control the amount of scaling?
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
or maybe you can tell me how to create the images to accommodate the scaling without losing clarity. I've tried a variety of sizes and transparent borders, but haven't figured out the correct formula.
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To edit the description size you can add the following to the Custom CSS field of your templates parameters (edit to taste)...


figure.effect-roxy p {
font-size: 14px;
}


Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Elaine

For best results add 50px more than the width set within your module settings. So if your image GridGallery image width is set to 144px, use images of at least 194px in width. 50px is the size of the horizontal transition effect.

Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Looking in to this further you could try removing the following from your modules style.css (../modules/mod_j51gridgallery/css/styles.css) which should go a long way in removing a lot of this hover styling....


figure.effect-roxy img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50px,0,0);
transform: translate3d(-50px,0,0);
}


Ciarán
  1. more than a month ago
  2. Free Templates / Extensions
  3. # 11
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.