Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 9, 2015 at 11:19 pm #393390
    mcraig77

    Ahoy,

    I’m looking to figure out the best way to set up my slider so the transition is seemless. basically the text is the same on all 6 of my slides but when it transition there is a small jump in the text which im trying to fix… Any suggestion on how I can achieve this?

    If you go to the url in the private area you can see what I mean. when the picture transitions the text blinks but is in the same place.

    Please advise.

    February 10, 2015 at 6:42 pm #393863
    Elliott

    Hey mcraig77!

    I don’t think the LayerSlider has an option for that. Our fullwidth easy slider has an option where you can have the first slides caption act as a permanent caption for all the slides though.

    Regards,
    Elliott

    February 10, 2015 at 8:51 pm #393961
    mcraig77
    This reply has been marked as private.
    February 11, 2015 at 7:04 pm #394599
    Elliott

    Hey!

    You can check out our fullwidth easy slider which has this option. Or another way would be to add the text in your page content and then use CSS to position it over the slider.

    If you want to get the LayerSlider to have this functionality then you’ll need to contact the script authors.

    Best regards,
    Elliott

    February 13, 2015 at 1:28 am #395463
    mcraig77
    This reply has been marked as private.
    February 16, 2015 at 5:13 pm #396827
    Elliott

    Hey!

    To get those text effects you used a bunch of CSS in the LayerSlider styling tab correct? To apply it on our fullwidth easy slider you can use this CSS.

    /* the title */
.slideshow_caption h2 {  } 
/* the caption */
.slideshow_caption .avia-caption-content {  }

    Best regards,
    Elliott

    February 16, 2015 at 9:28 pm #397089
    mcraig77
    This reply has been marked as private.
    February 17, 2015 at 5:14 pm #397614
    Andy

    Hi!

    The code Elliott provided you would only work if you fill in the brackets. What exactly do you want to achieve? to have the same text shadows? what else?
    For text shadows use this code:

    h2.avia-caption-title {
text-shadow: 3px 3px 9px #1A1A1A;
}
#top .av_inherit_color * {
text-shadow: 3px 3px 9px #1A1A1A;
}

    Cheers!
    Andy

    February 17, 2015 at 11:53 pm #397894
    mcraig77
    This reply has been marked as private.
    February 18, 2015 at 6:43 pm #398374
    Elliott

    Hi!

    For drop shadows see here, http://www.w3schools.com/cssref/css3_pr_box-shadow.asp.

    And here is a tool, http://www.cssmatic.com/box-shadow, which gives you the code automatically.

    Regards,
    Elliott

    February 18, 2015 at 8:28 pm #398439
    mcraig77

    I do no need the shadows. I need the text to be laid out like how it is on the layerslider.

    Screenshot: https://www.dropbox.com/s/ywwgqa781gttzvq/Screenshot%202015-02-18%2010.30.03.png?dl=0

    How do I achieve this.

    February 19, 2015 at 7:01 am #398673
    Rikard

    Hi!

    Try the following in your Quick CSS:

    .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title, .avia_transform .av_slideshow_full .avia-caption-content {
text-shadow: 2px 2px #000 !important;
}

    More info on text-shadow here: http://www.w3schools.com/cssref/css3_pr_text-shadow.asp

    Best regards,
    Rikard

    • This reply was modified 9 years, 10 months ago by Rikard.
    February 19, 2015 at 8:23 pm #399223
    mcraig77

    Good God.

    Did you guys not read this thread… i’m not trying to add shadow! I’m going to open another thread to get my issue resolved.

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Layer slider slideshow seemless transition settings…’ is closed to new replies.