Tagged: , , , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 26, 2014 at 7:41 pm #309494
    mattv7

    Hi,

    Thanks again for your template :)
    I have a question about switching to 2nd, 3rd slide,… from a layer (a picture or text link, what ever)

    I found this
    <img class="ls-s2 ls-linkto-3" src="../wp-content//uploads/mypicture.png" style="durationin: 1000; easingin: easeOutExpo">
    It’s working, but when i use it, i can’t use css Styles from Layerslider anymore.
    How i can do to switch easily from a picture/text link, but keeping the Style modification from LayerSlider tool ?

    Thanks a lot for your answer !

    Best regards,
    Matthieu

    August 26, 2014 at 8:53 pm #309525
    Yigit

    Hey mattv7!

    You can give your layers a unique ID – http://i.imgur.com/6PIOQ8U.png
    and then add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-layer-id img { /* your custom css code goes here */ }

    Cheers!
    Yigit

    August 26, 2014 at 10:41 pm #309557
    mattv7

    Hi Yigit,

    Thanks for your fast answer !

    I would like to do something like that :
    slide

    So, i need different classes for icons symbolized by squares, green one for 1st slide, red one for 2nd slide, etc..
    So if i use your script, i think i can’t use different positions for squares, can I ?

    Is there an easy way to just give a link to a picture to go to the next slide without using class ?
    Because it could be easier to use the Styling tab of LayerSlider to apply my styles (just position and opacity)

    Again, thank you very much for your help

    Best regards,
    Matthieu

    August 27, 2014 at 10:17 am #309718
    mattv7

    Hi !

    I found that on the internet : 

    Layer options

*Content You can select what kind of content you want to use here. You can use a static image, text, custom HTML or multimedia contents. You can also choose to use dynamic contents from WordPress posts and pages. It supports advanced filtering to get the entries you need, and you include the part you would like to use in a layer such as the title of a post or its featured image.

*Transitions The transition options you can set to customize your layer animation. Move your mouse cursor over the option fields to receive a detailed description about each available settings.

*Link Enter an URL to link layers to other pages. The link behavior can be changed to open it within the current page or on a new tab/window. You can also enter a hash tag followed by a number to link a layer to another slide. <strong>For example #3 will switch to the third slide when someone clicks on this layer.</strong>

*Style Under this section you can customize the appearance of your layers, such as changing the fonts or setting the size of images. Please read the tooltip messages for more information by hovering over the setting fields. You can also enter custom CSS code if there isn't an option what you are looking for.

*Attributes You can apply standard HTML attributes on layers to make it easier working with them in CSS and JavaScript. It also can be used to collaborate with 3rd party solutions like Lightbox plugins.

    It seem to be possible to do a simple link with #ID to jump to an other slide. I’ll try tonight when i come back to home !

    August 27, 2014 at 3:10 pm #309858
    Yigit

    Hi Matthieu!

    We will be waiting to hear from you! :)

    Cheers!
    Yigit

    August 27, 2014 at 8:54 pm #310055
    mattv7

    Hi Yigit !

    It’s working, and it’s very simple.

    I just have to put #ID in Tab Link of my layer…! Perfect !

    Thanks for your help :)

    Best regards,
    Matthieu

    August 27, 2014 at 9:47 pm #310068
    mattv7
    This reply has been marked as private.
    August 28, 2014 at 4:32 am #310182
    Josue

    The password you provided is not working (tried with and without quotes).

    August 28, 2014 at 9:25 am #310303
    mattv7
    This reply has been marked as private.
    August 28, 2014 at 12:05 pm #310368
    Ismael

    Hi!

    I’m sorry but it’s no possible or I don’t have any idea how to retain those elements on transition because they are included on the slide. I think you should add the bottom area separately using javascript or something. Unfortunately, we won’t be able to help you with that. You might need to hire someone to investigate this particular issue or visit Envato Studio and Werkpress for further customization.

    Cheers!
    Ismael

    August 29, 2014 at 9:41 am #310823
    mattv7

    Hi Ismael,

    Thanks for your answer. I will try to put the layers on the background picture with Photoshop and only put some blank zones with link.

    Just a last and easy question, if you please..

    Could you tell me where to look to change the positioning of “slide navigation buttons”. I would like to put them on the left, a little bit above.

    thanks a lot

    Cheers!
    Matthieu

    August 29, 2014 at 1:05 pm #310893
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .avia-layerslider .ls-bottom-nav-wrapper {
bottom: 30px;
left: -50px;
}

    Cheers!
    Yigit

    August 31, 2014 at 8:17 pm #311586
    mattv7

    Hey :)

    Thanks a lot, it’s working.
    I used Photoshop to put bottom bar on, it’s better.

    Cheers!

    Matthieu

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Switch to an other slide with LayerSlider’ is closed to new replies.