Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 5, 2014 at 1:35 pm #300205
    intellicus

    I have a 5 slides in layer slider and i want to place two button there (Means want to place html code ) that will be intact in all slide i don’t want to animate this buttons (html code). If i am able to place html there i will handle this via css but i want that html code intact in all layers. so please let me know where can i place these two button (or html code)

    August 6, 2014 at 5:37 am #300504
    Ismael

    Hi intellicus!

    Thank you for using the theme

    Create a page then insert the Layer Slider. On top of the layer slider, add a color section. Add an id to it, “layerslider-button” for example. Inside the color section, add a text block for the button. Use this on Quick CSS or custom.css to adjust the position of the color section:

    div#layerslider-button {
position: absolute;
z-index: 1000;
background: transparent;
margin-left: 100px;
margin-top: 100px;
border: none;
}

    Cheers!
    Ismael

    December 15, 2014 at 9:10 am #368195
    phcprojects

    Hi,

    I had a problem quite similar to the OP and the above answer did resolve my problem on the computer but when viewing from a mobile device, the static image on top of the slider is overlayed on top of the text instead of bumping everything down as a responsive site is meant to do (the slider isn’t showing in this screenshot because i’ve turned off the slider on mobile devices)

    is this something you could help me with?

    • This reply was modified 9 years, 4 months ago by phcprojects.
    December 15, 2014 at 8:36 pm #368535
    Andy

    Hey!

    use this in Quick CSS:

    @media only screen and (max-width: 767px) {
body .av-special-heading.modern-centered {
top: 900px;
padding-bottom: 900px !important;
}
.avia-image-container-inner, .avia_image, .av-image-caption-overlay {
top: -100px;
}
.flc-form {
margin-bottom: -200px !important;
}}

    Cheers!
    Andy

    December 16, 2014 at 2:55 am #368743
    phcprojects

    thank you! that worked perfectly!

    December 16, 2014 at 7:56 am #368800
    phcprojects

    So that last reply worked for mobiles but now for iPads it looks like this…


    December 17, 2014 at 2:23 am #369281
    Ismael

    Hi!

    This is what it looks like on iPad screen width:

    Add this on Quick CSS to adjust the minimum height of the input fields container.

    @media only screen and (min-width: 768px) and (max-width: 989px) {
.flc-inputdata {
min-height: 60px;
}
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.