Advanced searchbar in Slider

Last updated on by

Home › Forums › Legacy Support › Support queries › How-to & Troubleshooting › Advanced searchbar in Slider

Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 14, 2016 at 2:36 pm #36297
    Seoman1980
    Spectator
    Hi guys, i have a question about how to add the advanced searchbar like in the attached picture showed. I need the advanced searchbar in the slider with this searchfield. Where (location) What (course) Who (Trainier) Keyword (anything) Thx for helping.   kind regards   Cris
    March 15, 2016 at 12:37 pm #36504
    H.K. Latiyan
    Participant
    For this you need to follow these steps:
    • First make a custom sidebar from the wplms->sidebar manager.
    • Now this sidebar will appear in appearance->widgets: Now add buddypress course search widget in the sidebar, refer: http://prntscr.com/afin4p. Make sure your location is enabled from the wplms->course manager->enable course manager.
    • Now go to home page in backend and add new full screen stripe column below layer slider and use sidebar content in it, refer: http://prntscr.com/afip13
    • Now edit the content and fill the content as per the screenshot, refer: http://prntscr.com/afipty
    In the last screenshot, use the following css code: 
    @media (min-width:991px){.search_stripe.stripe{
position:absolute;
top:30vh;
width:90%;
}}
.scontent {
margin-left:130px;
background:rgba(255, 255, 255, 255);
}
.scontent ul li {
max-width:200px;
padding-left:10px;
}
    March 16, 2016 at 4:31 pm #36861
    Seoman1980
    Spectator
    Hi Latiyan,   great work thx a lot for the nice explaining. I need the searchform in the Slide like i showed you in the first post. With your description it is above or under the Slide. I want the searchform inside the slider like a new layer. I hope i could explain it :) i attached you two files : 1. this i want.jpg ( this is how i want it ) 2. advanced search Home 2.JPG ( this is how it is now after your changing ) Hope you can have a second look to the screenshoot. Because this is the only thing i need to change otherwise the theme is perfect and awesome for my needings. kind regards Cris  
    March 17, 2016 at 7:45 am #37000
    H.K. Latiyan
    Participant
    I guess you didn't put the css correctly. Because the css and the process I provided you gives the output as in the screenshot: http://prntscr.com/agaofw
    April 11, 2016 at 11:21 am #42333
    Seoman1980
    Spectator
    Hi Latiyan,   sorry for the late response. i was in vacation. :) You are right, i put it at first wrong in. Now its works. But my problem is still there.. if i look the site with mobile, it is totaly messed up. i show you a new example from your demopages where the searchfield is inserted in the slider layer. All i need is to know how i can insert my advanced search in a slider layer, so it would be get responsive too.   I show you some examples here, please look at the attachements 1. examplevibethemes1.jpg is a demopage from your hosting in themeforest 2. examplevibethemes2.jpg is how i need to set it up on my page.   kind regards   Cris  
    April 12, 2016 at 12:45 pm #42575
    H.K. Latiyan
    Participant
    Its not possible, You can hide this search in mobile view by using this custom css: 
    @media (max-width:768px){

.scontent {

display:none;

}}
    PS: This is a customization and customization is not the part of theme support.
    April 12, 2016 at 2:16 pm #42604
    Seoman1980
    Spectator
    HI Latiyan, thanks for you help. Yes i know but i thought you can work with a shortcode. But its no big deal, i am thankful for your help so you can close this topic as solved.   You answered my question very well .. thx a lot. kind regards   Cris
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Advanced searchbar in Slider’ is closed to new replies.