Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #817348

    Hi,
    I’m trying to add a search widget so it overlaps the bottom edge of the layerslider. I found an old post describing something similar, https://kriesi.at/support/topic/adding-a-static-layer-div-over-layer-slider-div/ and after following the instructions am still unable to get it to work.

    I added the layerslider element to the page and beneath that a color section element with the search widget inside of it. In the color section element I added the custom css id, chsearchbox, then added the id to the quick css as shown below. The layerslider overlaps the search box no matter what I try. The website isn’t public yet, but I’ve attached a link to Dropbox so you can see a screenshot of what is happening. Am I missing a step? Do you perhaps have a better suggestion for how to position the search box so it overlays the bottom of the layerslider? Any input is appreciated–thank you.

    #chsearchbox {
    background-color: transparent!important;
    margin-top: -15px;
    z-index: 55;
    border: none!important;
    }

    #817364

    Hey Gallop_Web,

    Can you provide a link to the site in question so we can look into this issue further?

    Best regards,
    Jordan Shannon

    #817473

    Hi, Jordan–

    The site isn’t public yet. I’ve provided access in the private content area. It is the home page that is using the layerslider. Thanks for looking into this.

    • This reply was modified 7 years ago by GWS.
    #817532

    Hi,

    Try the following in quick css:

    #top #s{
    margin-top:-2px!important
    }
    
    #chsearchbox{
    position:relative;
    }

    Best regards,
    Jordan Shannon

    #817844

    That did the trick. Thank you so much!

    #817860

    Hi,

    No problem at all. If you need additional help please let us know here in the forums.

    Best regards,
    Jordan Shannon

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