Okay
  Public Ticket #1075331
images to slides?
Closed

Comments

  •  2
    Kimberley Norcott started the conversation

    Hi, 

    I'm using the App theme from Salient, and would like to know if there is a way to change that first image into slides? I tried making a gif but the quiality is so bad I cant' us it. 

    What are the options to have images cycle on this page?  http://www.theknow.co/

    I would also like to do the same thing on the third page http://www.theknow.co/#direct-access   

    Looking forward to hearing from you. 


  •  2
    Kimberley Norcott replied

    Hi, 

    I still do need a hand with this question about having the front page be slides, even though I have made some progress. 

    I tried a version of the same page with an 'image gallery' instead of the single image, and it's almost what I'm looking for, except the image is a different proportion, and it actually cuts off the images that I've uploaded into that gallery. 

    Here is the original page, with nice proportions. http://www.theknow.co/#intro

    And here is my new version of that page with the animated gallery http://www.theknow.co/#intro-2

    The arrows are hidden, and it animates automatically which are both good, but how to I have the entire image show with the same quality as the 'single image' version of this page? 


    Looking forward to your suggestions. 

    thank you.

  •  2
    Kimberley Norcott replied

    Hi, Still waiting to hear back about how to set up the gallery properly on my front page. I have been playing around with the settings and what I can't figure out is

    - why the image gets cut off either on landing, or when resizing

    - why my png is showing a white background when it actually is transparent

    I am looking forward to any help and suggestions you might have. 

    Here is the page in question. http://www.theknow.co/#intro-2


    Thank you in advance. 


  •  8,999
    Tahir replied

    Hey Again,

    Did you try placing a Nectar Slider on the First Slide ?. 

    Be.st 


    ThemeNectar Support Team 

  •  2
    Kimberley Norcott replied

    Hi Tahir, 

    Thanks for the suggestion. I just tried adding a video slider instead of the gallery, but it cuts off the sides, and also the edges of the phone appear black instead of clear.  http://www.theknow.co/#intro-3

    Is there a way to adjust the pg2 version of the front page http://www.theknow.co/#intro-2 to not cut off the sides of the pngs? 

    thanks, 

    Kim


  •  8,999
    Tahir replied

    Hey Again,

    Please try using the Nectar Slider Instead and check . 

    Thanks 


    ThemeNectar Support Team 

  •  2
    Kimberley Norcott replied

    apologies for the miscommunication. it IS a nectar slider. When building the nectar slider there are 2 options, image or video... but image does not give you the option to stack images so I have to try a video, and this therefore can't have transparent background I guess. 

    If there is a way to select multiple png images that will automatically change please let me know, this would be similar to the gallery I tried, but the edges of the images gets cut off when resizing. thoughts? http://www.theknow.co/#intro-2


    best, 


  •  8,999
    Tahir replied

    Hey Again,

    If you want a Inline Slider you will have to use the Basic Slider Style and set the Image Size to full : 

    Be.st 


    ThemeNectar Support Team 

  •  2
    Kimberley Norcott replied

    Hi, I have that already set for the Image Gallery Settings, is this what you're talking about? The image gallery verision is pg2 http://www.theknow.co/#intro-2

    I also tried the Nectar slider on pg3... http://www.theknow.co/#intro-3

    I'm unclear what to do, can you please be more specific? 

    thank you. 

  •  2
    Kimberley Norcott replied

    Hi Tahir, 

    I just refreshed, and the image isn't getting cropped anymore, but there are black buttons at the top right of the images. If there is a way to get rid of those then I think I'm set! :) is there a 'remove button' option i just can't see? 

    thank you so much for all the support!

  •  8,999
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    /* hide gallery flex arrows */
    .wpb_gallery_slides ul.flex-direction-nav {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    Kimberley Norcott replied

    perfect. 

    You're the best!