Return to previous page

Search dropdown form - by bouboute - on WordPress WooCommerce support

This topic has 12 replies, 3 voices, and was last updated 10 years, 6 months ago ago by Eva Kemp

bouboute

Participant

May 25, 2015 at 17:09

Hello,

First of all i would want to thank you for this awesome theme,it has saved us a lot of time and money.
We have a question regarding the search dropdown form:

1) we would want to crop the search dropdown form : http://prntscr.com/798iha
2) Also how can we manage to make the search field the same height as the search button
3) how can we get rid of the space between the search field and the search button
4) we have input this CSS:
.et-search-trigger.search-dropdown form {
margin-right: -200px;
}
and as a result we have lost responsiveness.

Best regards.

#65910 Copied

11 Answers

Robert Hall

Participant

May 25, 2015 at 17:18

Hello,

Please provide us with link to the page and wp-admin access in Private Content.

Regards,
Robert Hall.

#65913 Copied

bouboute

Participant

May 25, 2015 at 17:21

Hello robert,

Unfortunatly our site is in local for now.

regards.

#65914 Copied
Robert Hall

Participant

May 25, 2015 at 17:26
Hello,

Please try to add this code in custom.css file.

.et-search-trigger{ height: 27px; } .et-search-trigger.search-dropdown form{ width:310px; }

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#65918 Copied
bouboute

Participant

May 25, 2015 at 17:39

Hi Robert,

Thank you for the code, yet, this code only the third question can you please revert to us for the other questions.

Best regards.

#65921 Copied
Robert Hall

Participant

May 25, 2015 at 18:11
This code is for the second question

.et-search-trigger{ height: 27px; }

and this must fix the first and third questions

.et-search-trigger.search-dropdown form{ width:310px; }

4) What are you trying to achieve with that code?

Sorry, but without link to your page is very difficult to help you.

Regards,
Robert Hall.
#65926 Copied
bouboute

Participant

May 25, 2015 at 18:32

2) The code :.et-search-trigger{
height: 27px;
}
is not working, here is a screenshot for what i want to achieve at this point: http://prntscr.com/799knh
4)with the code .et-search-trigger.search-dropdown form {
margin-right: -200px;
}
i am trying to move the search dropdown form left so it soesnt overlap the main menu, the code is working but i have some responsiveness issues (when i reduce the browser width i cannot reach for the sarch button )

#65927 Copied

Robert Hall

Participant

May 25, 2015 at 18:50

Could you transfer site to some host and provide us with wp-admin credentials?

Regards,
Robert Hall.

#65928 Copied

bouboute

Participant

May 25, 2015 at 19:01

i have no mean doing that.
could you please revert to me about making the search field the same height as the search button:
http://prntscr.com/799knh

for this matter there is no need for live site.

Regards.

#65929 Copied
Robert Hall

Participant

May 25, 2015 at 19:11
Try use this code in custom.css file

.hide-input input[type="text"]{ height: 27px !important; }

Regards,
Robert Hall.
#65931 Copied
bouboute

Participant

May 25, 2015 at 19:19

Thank you Robert everything is fine now.

Best reagrds.

#65934 Copied

Eva Kemp

Participant

May 25, 2015 at 19:32

Hello,

You’re welcome.

Regards,
Eva Kemp.

#65935 Copied
Viewing 12 results - 1 through 12 (of 12 total)