Forum Replies Created
-
AuthorPosts
-
Thanks! I’ll try that out.
If you go to this demo you can see the Title, Caption, and buttons all fade in and move:
– “NEW SPRING EDITION FOR WOMEN AND MEN NOW AVAILABLE” slides in from top (with fade)
– “The new beautiful spring collection, created by star designer Konrad Kries is now available.” slides in from bottom (with fade)
– “Women’s Collection” and “Men’s Collection” both slide in from top (with fade, and I think a delay as well)I’d like to have all of those elements fade in at the same time without any motion.
Thanks for you help – and sorry for being unclear before.
Sorry, Rikard, but the site is currently only installed locally as it gets built out. I did add this to the Quick CSS to stop the animation altogether:
.avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title, .avia_transform .av_slideshow_full .avia-caption-content, .avia_transform .av_slideshow_full .avia-caption-title, .avia_transform .av_fullscreen .avia-caption-content, .avia_transform .av_fullscreen .avia-caption-title, .avia_transform .avia-slideshow-button { animation: none !important; -webkit-animation: none !important; visibility: visible !important; }
But I’d like the elements (title, caption and button) to fade in together (right now there’s no fade or motion at all).
Hopefully that helps identify what I’m trying to do more clearly.
*more specifically, have those elements fade in at the same time for each slide .5s after the slide transition.
Found the answer in another thread :)
ul.avia-slideshow-inner {
transform: translate3d(0px, 0px, 0px) !important;
}Thanks!
Hey Ismael – I was wondering the same thing. Is there a way to remove the parallax on a fullscreen slider?
February 24, 2015 at 8:51 pm in reply to: Same button height with text v-align center – 2 lines of text #401686Thanks Andy. That helped. I ended up adding some additional code to center the text vertically.
February 23, 2015 at 5:04 am in reply to: Multi-Language Selection (text instead of flags, update styling) #400372That worked! Thanks!
February 20, 2015 at 10:48 pm in reply to: Same button height with text v-align center – 2 lines of text #399927I added the suggested Quick CSS from the previous thread, which fixed the issue when buttons were just one line and I wanted to match the height of a button with two lines. I tried to add another bit of CSS to match two line buttons to the height of three line, but it didn’t quite work out like I’d hoped.
February 20, 2015 at 10:46 pm in reply to: Same button height with text v-align center – 2 lines of text #399926Sorry, Elliot, not able to do that as it’s an intranet behind a firewall. The above code was added as per previous instructions in another request 2 days ago (with basically the same subject title).
Thanks, Josue. Had to play around with the line-height to get it just right, but this did the trick! Thanks!
Right now buttons look like this (text length determines button height):
https://www.dropbox.com/s/hnf8nhzeienmjhb/buttons_1.jpg?dl=0But I’d like them to all be the same height (looks much more consistent), like this:
https://www.dropbox.com/s/6b21e209dk2pzgu/buttons_2.jpg?dl=0I’m trying to get the buttons to all have the same height, and have the text centred vertically in the button. How can I add screenshots? I’m not able to share a link as the site is an intranet behind a security firewall.
-
AuthorPosts