Advanced searchbar in Slider

[Seoman1980]

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

[H.K. Latiyan]

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;
}

[Seoman1980]

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  

[H.K. Latiyan]

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

[Seoman1980]

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  

[H.K. Latiyan]

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.

[Seoman1980]

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