Search bar on Home page

[bhaskergupta]

i am just not able to get the search bar on home page styling work well. I am using the following code- <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">[one_fifth]</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">[/one_fifth][three_fifth]</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"><h1 style="color: #009dd8;"><strong style="box-sizing: border-box;">Online Education.</h1></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"><h1>Learn skills online.</h1></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">[course_search]</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">[one_third]</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"><h4>[number_counter][vibe_site_stats courses=1 number=1][/number_counter]</h4></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">Courses</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">[/one_third][one_third]</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"><h4>[number_counter][vibe_site_stats instructor=1 number=1][/number_counter]</h4></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">Instructors</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">[/one_third][one_third]</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"><h4>[number_counter][vibe_site_stats total=1 number=1][/number_counter]</h4></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">Students</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">[/one_third][/three_fifth][one_fifth]</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">[/one_fifth]</p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;"></p> <p style="box-sizing: border-box; margin: 0px 0px 22px; color: #4b4d4d; font-family: Lato; font-size: 14px; line-height: 22px;">Besides, how do we change the styling of the search box.</p>

[sandy]

Can you please share the question again, it is very difficult to read due to html code.

[bhaskergupta]

I am trying to have a similar search bar as udemy on my page (www.brainystudent.com) I tried the code and other theme that you suggested and the bar is no where close to what there is on udemy. How can I change it?

[Anshuman Sahu]

Please refer : https://wplms.io/support/knowledge-base/udemy-style-homepage-example/

[bhaskergupta]

Thank you

[Anshuman Sahu]

Marking as resolved and closing the topic  .

[Author]

Posts