Return to previous page

Shortcode of Search Form - by levytskiy - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 8 years, 7 months ago ago by Eva Kemp

levytskiy

Participant

September 14, 2015 at 19:25

Hello,
I want to insert Search Form in the middle of page, what is the code of Search Form in Legenda Theme or maybe there is a Shortcode?

Appreciate your help!

#86780 Copied

7 Answers

Eva Kemp

Support staff

September 15, 2015 at 10:20

Hello,

You can use “Mega Search Form” element in Visual Composer editor.
Please try it.

Regards,
Eva Kemp.

#86936 Copied

levytskiy

Participant

September 15, 2015 at 10:28

What if I want to insert Search Form in header, how do I add it in code?

#86938 Copied

Robert Hall

Support staff

September 15, 2015 at 10:43

Hello,

You can create Static Block with ‘Mega Search Form’ element and add it to ‘Place in header top bar’ sidebar in Appearance->Widgets.

Regards,
Robert Hall.

#86945 Copied

levytskiy

Participant

September 15, 2015 at 11:39

Yeah, it worked, but is it possible to change the Form’s size in pixels?
Thanks!

#86961 Copied
Robert Hall

Support staff

September 15, 2015 at 11:47
Hello,

Try to add the following code in custom css
```
.top-bar .languages-area{
width:250px;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#86964 Copied
levytskiy

Participant

September 15, 2015 at 12:41

Works almost perfectly, the height property changes the height of the top bar and not the search form. Is it possible to change search form itself?

#86989 Copied
Eva Kemp

Support staff

September 15, 2015 at 14:50
Hello,

You can use this code:
```
.top-bar .languages-area .et-mega-search {
   width: 150px;
}
.top-bar .languages-area .et-mega-search form input[type="text"] {
   padding-top: 5px;
   padding-bottom: 5px;
}
```
Regards,
Eva Kemp.
#87032 Copied
Tagged: best selling, json, persuasive, search form, shortcode, themes, woocommerce
Viewing 8 results - 1 through 8 (of 8 total)