1. Edgar68
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 17 September 2015
  5.  Subscribe via email
Hi Carián,

Is it possible not to slide the picture to the right when, you hover the mouse over picture.
But to display the picture centered, And to keep it like that.
Image caption TITLE the same, as now
and the image captions text comes up also the same as now.

The only difference is not to let slide the picture to the right.

Gr. Edgar
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To disable the transform of the image on hover try adding the following to the Custom CSS field of your templates parameters...


figure.effect-lily img {
transform: none !important;
}


Ciará
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carián,

To disable the slide, it works !!! Great !!
Thanks for that.

But now the pictures are not shown centered, but a little to the right.
I think it is the distance of sliding the picture before.
Is it possible to view the photos immediately centered?

Gr. Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

To center try replacing the above CSS with the following....


figure.effect-lily img {
transform: none !important;
width: 100% !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Ciarán,

Thank you very much for the great support.
Awesome !!!!

Gr Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

There is a different problem now.
The display of the photos in Grid Gallery on Apple Ipad is not good.
On all other devices, it's okay.

The problem is as follows:
The photo display is not good.





This is the play on other devices:


Can you help me to solve this problem?

Gr. Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of this issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
THank you

May I suggest the following Custom CSS which will reduce the size of your GridGallery text on smaller screen devices...


@media only screen and (max-width: 959px) {
.j51gridgallery figure h3 {font-size: 18px;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carian,

i added it, but the pics are still shown the same.
the text is ok and visible, only the pics are not centered.



Gr. Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Edgar

Could I ask you to repost a URL to an example of the issue. It appears to have been removed from the above post.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carian
Here the link..


Gr. Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try changing the first suggested Custom CSS to the following...


figure.effect-lily img {
-webkit-transform:: none !important;
transform: none !important;
width: 100% !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carian,

I have added it.

now there is a problem with safari browser.
on the other browsers it is ok..



the link to the page:


I hope you can help me to solve this problem

Gr. Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 12
Accepted Answer Pending Moderation
0
Votes
Undo
Try covering all browsers with the following...


figure.effect-lily img {
-o-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
width: 100% !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 13
Accepted Answer Pending Moderation
0
Votes
Undo
I added it but it is still not working... :(
The picture slide to the left is still working on Safari.
What can i do now?

Gr. Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 14
Accepted Answer Pending Moderation
0
Votes
Undo
Is there someone, who can help solving me this problem?

Gr. Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 15
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 16
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carian,

done.

Gr. Edgar
  1. more than a month ago
  2. Commercial Templates
  3. # 17
  • 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.