I am using the image hover in 2 different places on this website
https://www.moodysalzman.com/
In the 1st area where it shows the images and then the link to the practice area page (accidents, etc) - I have it set to show it 3 columns across but it shows 4.
In the 2nd area (further down the page) it shows fine except that on mobile there's a huge space on the right. I have it set right I believe but it's not making the adjustments when on different screens.
Please advise.
-
bludove
-
- Commercial Templates
- Friday, 17 July 2020
- Subscribe via email
Hello
1. Have you since resolved this issue? In both FF and Chrome your images are in 3 columns (desktop)...
2. By default the Imagehover module will only max extend to the width of your images. Your images are currently 166px. You can override this by adding the following to your templates Custom CSS field however images may appear pixelated if they are a small size.
Ciaran
1. Have you since resolved this issue? In both FF and Chrome your images are in 3 columns (desktop)...
2. By default the Imagehover module will only max extend to the width of your images. Your images are currently 166px. You can override this by adding the following to your templates Custom CSS field however images may appear pixelated if they are a small size.
.j51imagehover figure {
width: 100%;
}
.j51imagehover img {
width: 100% !important;
}Ciaran
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!