Displaying search button when inserting Search widget in Template

Beaver Builder
6

Hi Luke,

  1. Try using the following CSS.
.fl-widget .widget_search input.fl-search-input {
  display: inline;
  margin-right: 10px;
  width: 70%;
}

  1. Unfortunately, I have no experience with that plugin. However, it is my understanding that it should just replace the default WordPress search. Unless, I am mistaken.

  2. Not sure why CSS Hero isn’t able to style the button. However, you can use custom CSS:

.fl-widget .widget_search button.search-submit {
  background: #FF0;
  border: 1px solid #F00;
  color: #000;
}
/* Hover state */
.fl-widget .widget_search button.search-submit:hover {
  background: #008000;
  color: #F00;
}

You will want to change the color values to your preference.

Thanks,
Danny