Hi guys,
My client wants to reduce the height of the easy slider on this page: http://serviceintegrators.co.uk/careers/
Please help, as I’ve got it on the smallest value, so not sure what else I can do.
Thanks
Hey Krissie,
Please try the following in Quick CSS under Enfold->General Styling:
.avia-slideshow-inner {
height:400px !important;
}
Best regards,
Rikard
Hi Rikard,
It reduces the height, thanks but the content of the slides don’t stay in the middle. How do we rectify that?
http://prntscr.com/fmbd49
Thanks
Hi Krissieg,
This is what I see when I add the code given by Rikard, visually looks in the middle. If you want to have content higher we can adjust that.
Best regards,
Victoria
Hi Victoria,
It doesn’t look like that on mine though. Which browser to you use? Can you give me code to adjust the content so it’s higher?
Also, when I add the code, it affects the front page and makes the footer come up higher? See screengrab: http://prntscr.com/fmrvg6
So the code doesn’t work as is really. I need it to be more specific to the sliders in question perhaps?
Thanks
Hi Krissieg,
SO make this code work only for the careers page like this clear the cache and check again.
.page-id-3356 .avia-slideshow-inner {
height:400px !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
Thanks for the code. For some reason the content still shows towards the bottom of the slider:
http://prntscr.com/fo8osm
Please can you have a look at this again for me? I need this sorted so the content shows in the middle.
Thanks
Ah, don’t worry, I’ve sorted it. I’m updating my images so that they’re the right height. This seems to have sorted out the issue.
Hi Krissieg,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria
Thanks for all your help guys!
You may close this thread. :)