Search Field

• 

  webdev

  |

  Participant

  | January 17, 2019 at 5:03 am

  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

  Theme version: 4.5.3

  #207142 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | January 17, 2019 at 9:40 am

  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 to clipboard
  

  webdev

  |

  Participant

  | January 18, 2019 at 5:54 am

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

  

  Content is visible for topic creator and
  support staff only.

  #207240 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | January 18, 2019 at 9:21 am

  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 to clipboard
  

  webdev

  |

  Participant

  | January 19, 2019 at 1:46 am

  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

  

  Content is visible for topic creator and
  support staff only.

  #207273 copied to clipboard
  

  Olga Barlow

  |

  Keymaster

  | January 19, 2019 at 12:51 pm

  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 to clipboard
  

  webdev

  |

  Participant

  | January 21, 2019 at 11:07 am

  it’s perfect now! thanks for your help

  #207307 copied to clipboard
  

  Rose Tyler

  |

  Keymaster

  | January 21, 2019 at 11:19 am

  Hello,

  You’re welcome!

  Regards

  #207310 copied to clipboard
Viewing 8 results
1 through 8 (of 8 total)