Return to previous page

Search Field - by webdev - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 5 years, 2 months ago ago by Rose Tyler

webdev

Participant

January 17, 2019 at 05:03

1/ the search box from the main navigation has a pop up with the heading:
SEARCH ENGINE
Where do we edit the text for this heading

2/ is there any different styling available for the search widget for woocommerce as the SEARCH button sits under the search box and looks ugly. It would be prefereable to have the search icon sitting inline with the search input field rather than a big button sitting under the input field

#207142 Copied Theme version: 4.5.3

7 Answers
Rose Tyler

Support staff

January 17, 2019 at 09:40
Hello,

1) You can change text using translation files. Install Loco translate plugin, create English translation, change strings and disable the plugin
or copy etheme_search_form_modal function from woopress/framework/theme-functions.php into functions.php of your child theme and change text there.
2) Here is custom css code:
```
.sidebar .woocommerce-product-search {
    display: flex;
}
.sidebar  .woocommerce-product-search input[type="search"] {
    width: 100%;
}
```
Regards
#207164 Copied
webdev

Participant

January 18, 2019 at 05:54

css did not work – see attached – there are 4 requests on the screenshot to respond to please

Please contact administrator
for this information.

#207240 Copied
Rose Tyler

Support staff

January 18, 2019 at 09:21
1/ Have you cleared cache? http://prntscr.com/m8s300
Please change the previous code to:
```
.sidebar .woocommerce-product-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sidebar  .woocommerce-product-search input[type="search"] {
    width: 100%;
}
```
2/ Theme Options > Header Settings > Breadcrumbs > Breadcrumbs background > background-size – cover
3/ Theme Options > Products Page Layout > Hidden sidebar > Off.
4/
```
.sidebar .widget-title {
    padding-bottom: 10px;
}
```
Regards
#207252 Copied
webdev

Participant

January 19, 2019 at 01:46

The search field still look terrible – now it overlaps the product area. I would like to remove the search button so that it is just the input field

Please contact administrator
for this information.

#207273 Copied

Olga Barlow

Support staff

January 19, 2019 at 12:51

Hello,

Do you have any server cache? We have changed the custom code to add the button with icon for search instead of the title but don’t see changes.

Regards

#207279 Copied

webdev

Participant

January 21, 2019 at 11:07

it’s perfect now! thanks for your help

#207307 Copied

Rose Tyler

Support staff

January 21, 2019 at 11:19

Hello,

You’re welcome!

Regards

#207310 Copied
Viewing 8 results - 1 through 8 (of 8 total)