How can I change the size of the search box so it has the same height of the buttons to the left and right?
The search box is placed in a widget, don’t know if its the best solution? Important that the CSS does not affect the normal search box in the header.
Provided link to site below
Hey belinger,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #s {
font-size: 19px;
}
#top #searchsubmit {
height: 47px;
}
Best regards,
Yigit
Thanks for trying to help!
However, the color background of the magnifying glass now expands around the search box. I need it to look like a normal search box. Just bigger in height. So it has the same height as the buttons to the left and right of the search box in the widget.
Also, the CSS changes the default search box in the header/menu. I need that search box to stay intact and not affected by these CSS-changes
Hi,
Could you please provide login credentials to your WordPress dashboard so that we can take a better look.
Best regards,
Jordan
Log in details below
Hi,
I added following code to bottom of Quick CSS field
#search-3 {
padding-bottom: 0;
}
Please review your website now
Best regards,
Yigit
Looks better, but could need some improvements.
The search box is now bigger but still not the same height as the Fullwidth Buttons to the left and right.
Also, this CSS affects the normal search box in header/menu. Its now bigger than default.
Provided some links below