Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 20, 2018 at 4:46 pm #987905
    calnettech2

    I don’t want to import the demo – just want to reproduce that particular slider. How do I find the settings for that without importing theme? THANKS.

    July 20, 2018 at 4:47 pm #987907
    calnettech2

    I might not have been completely clear – BTW using enfold theme and want construction demo slider. THANKS

    July 20, 2018 at 7:53 pm #987993
    calnettech2

    I figured out that Enfold construction demo uses slideshow.css and I would like to use that css file which I have copied but how best to link it into the theme please and is there an easy way to determine a layers settings from looking at the active construction slideshow?

    July 21, 2018 at 4:11 am #988099
    Mike

    Hi,
    The Constriction Demo uses the Fullwidth Easy Slider. Here is the screenshots of the settings;
    2018-07-20_220832
    2018-07-20_220950

    Best regards,
    Mike

    July 21, 2018 at 4:39 am #988101
    calnettech2

    Thanks but the Construction Demo slide elements are using slideshow.css styles and I want to incorporate those as well. Does that css get loaded with Fullwidth Easy Slider? And how are h2 + p + button being brought in on top?

    July 21, 2018 at 5:12 am #988111
    calnettech2

    Okay nevermind about the elements – I see how that works but I want the arrows to be circles and how do I make them only appear on hover. THANKS

    July 21, 2018 at 9:44 pm #988229
    Mike

    Hi,
    To make your slideshow controls round, in the element, choose “minimal white” in the option “Slideshow control styling”
    and then add this code in the General Styling > Quick CSS field:

    #top .av-control-minimal .avia-slideshow-arrows a:before {
      border-radius: 100px !important; 
}

    On my localhost the controls only show on hover when using “minimal white”, if this is not the case for you please link to your page so we can see and assist with some css.

    Best regards,
    Mike

    July 23, 2018 at 8:23 pm #988875
    calnettech2

    I AM using Minimal Light – controls are always visible

    July 24, 2018 at 3:13 am #989008
    Mike

    Hi,
    Thank you for the login, I added this code in the General Styling > Quick CSS field:

    #top .avia-slideshow-arrows a {
    opacity: 0; 
}
#top .avia-slideshow-arrows a:hover {
    opacity: 1 !important; 
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    July 24, 2018 at 3:53 am #989010
    calnettech2

    That didn’t really work as the arrows should appear when you hover over the slideshow – not when you actually hover over the arrows themselves.

    July 24, 2018 at 4:58 am #989021
    Mike

    Hi,
    Good point, I changed it to:

     #top .avia-slideshow-arrows {
    opacity: 0; 
}

#top .avia-fullwidth-slider:hover .avia-slideshow-arrows {
    opacity: 1 !important; 
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    July 24, 2018 at 5:32 pm #989272
    calnettech2

    That did the trick – thank you. Please close this ticket.

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How do I duplicate Construction theme slider’ is closed to new replies.