Tagged: jump, partner logo, spacing
-
AuthorPosts
-
September 19, 2014 at 2:31 pm #321895
Hi there,
Above the footer in my theme i have a scrolling partner/logo element
with several logos (at shop thumbnail size 120×120) rotating.The problem is that when the logos scroll, the container seems to change size and so the rest of the page content moves up and down which is jarring.
I’ve tried to put the element within a color section with larger padding.
I’ve also tried putting a separater above it and below it.
And all the client logos are the same heightAny advice?
Kindest
MickSeptember 19, 2014 at 3:46 pm #321918Hi smudgedesign!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-slideshow.avia-slideshow-1 { min-height: 500px; }
Regards,
YigitSeptember 25, 2014 at 3:15 pm #325021Thank you Yigit,
If i want to include another slideshow on the same page this css effects all the slideshows
so I’ve tried to add the scrolling logos slideshow to a colour section, in order to give it an id… eg
clientlogossectionand then edited the css to
#clientlogossection .avia-slideshow.avia-slideshow-1{
min-height: 500px;
}but this doesnt work. Can you help?
thank you kindly.
September 25, 2014 at 3:22 pm #325025Hi!
Please try adding !important rule as following
#clientlogossection .avia-slideshow.avia-slideshow-1{ min-height: 500px !important; }
Best regards,
YigitSeptember 25, 2014 at 4:09 pm #325070hmm.. that didnt seem to work, refresh the link (below) and see the footer scrolling up and down again
September 25, 2014 at 4:10 pm #325072This reply has been marked as private.September 26, 2014 at 4:14 pm #325663Hey!
Have you tried flushing browser cache and refreshing your page a few times? height is currently fixed on my end and there is no jump between slides
Regards,
YigitSeptember 21, 2016 at 4:20 pm #689900Hi there!
I do have the same problem as my sliders jump:
see private content below website access
I have inserted the CSS:
.avia-slideshow.avia-slideshow-1 {
min-height: 500px;
}
but that did not change the jumping (cache emptied, browser refreshed)Can you please advice
best regards
Gerhard
September 21, 2016 at 4:49 pm #689923Just solved the problem, identified the element and added css
sorry if i caused any inconvenience
best regards
Gerhard
September 23, 2016 at 5:39 am #690475 -
AuthorPosts
- You must be logged in to reply to this topic.