Formatting search box and button

Alan Henness
156 Posts
Alan Henness posted this 13 June 2020
Ask a Question

There are two ways of adding the search function to a WordPress site: add the search widget to a sidebar in Nicepage Desktop and add it as a widget in WordPress, Appearance, Widgets.

If I add the search control in Nicepage Desktop, I get the top search box and button shown in the attachment; added as a widget to a sidebar/position in Wordpress itself, I get the bottom search box and button.

Neither of these is ideal: in the Nicepage Desktop search box and button, the button has its own styling that is different from the theme's button styling and the white text on the button can barely be seen.

In the search box and button inserted into a position and sidebar, the search box has no border or background unless it has focus - see the second attachment.

Is there a way to have control over the styling of either of the search boxes and buttons?

Vote to pay developers attention to this features or issue.
2 Replies
Order By: Standard | Newest
Alan Henness
156 Posts
Alan Henness posted this 13 June 2020

I can change the colour of the text in the search button (the one created in Nicepage Desktop) with additional CSS - I don't think this affects anything else:

input[type="submit"] {
color: black;
}

Is there a better way?

Last edited 13 June 2020 by Alan Henness

Support Team
Support Team posted this 15 June 2020

Hi Alan,

If the search was added in the Project in Nicepage Desktop app, then a template will be created for it while export, then it will look the same in CMS, even if added via widgets.

If the search was not added to the Desktop before exporting the Theme, then there will be no styles. So if you add a search in the plugin, then it will no longer affect the Theme itself and change only that search, which is added on Nicepage pages.

...................................................
Sincerely,
Susanna I.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

You must log in or register to leave comments