Search Button Issue

In your Child Theme or CSS Editor Plugin try this code:

button.tiny, .button.tiny {
    padding: 0.025rem 1.25rem 0.6875rem;
}

*Note
If your theme has a custom CSS Editor in it, you can also paste the code in there.

Never edit core CSS or PHP files under Appearance > Editor. Your edits will be deleted when the theme is updated.

Thanks, that’s worked! Any idea why it would have changed?

Not using a child theme and I don’t think I made any edits to the CSS/PHP files…

Was the theme updated recently?

Possibly, within the last two weeks I think. I keep all themes and plugins up to date.

Might just have been an over-site from the theme developer.

Best part is WordPress can be edited easily!

Indeed, thanks for your help!

Hi there,

I did notice the same thing with the search button but didn’t get a chance to change it before the update was approved.

The change was on the foundation side as all buttons are styled via the main foundation css file.

Sorry for the mix up. This will be taken care of in the next update. For now I hope everyone follows the fix provided above add it’s the same one I was gong to offer.

If possible, please leave a review. Enjoy!!

Actually i think this works best:

#searchsubmit button.tiny, .button.tiny {
	padding-top: 0;
}

This targets the search button specifically

HAHA sorry I take that back it should be

/* Search button fix */
.widget #searchsubmit {
	padding-top: 0;
}

The one I posted previously also targeted any other buttons like comment buttons. This is what I am going to add to the css for the new update ??

/* Search button fix */
.widget #searchsubmit {
padding: 0;
}

(solve problem with Opera and Chrome)

In Wp-Forge 5.5.2.2 I used the following:

/* Search button fix */
.postfix.button {
  padding: 0;
  font-size: 0.875rem;
}

Hi!
Great theme! Here’s another way I found to do that which is pretty specific in case buttons are used elsewhere:

.widget_search .button.tiny {
  padding: 0;
  font-size: 0.6875rem;
}

Thanks, Dave