Archived topic

Search Bar Formating

5 replies · Started by mikeb82 on November 10, 2019

Viewing posts 1–6 of 6

November 10, 2019 at 9:05 am #1058734

When clicking on the Search icon, the search bar does not appear. It's there, and if you look carefully, you can see the cursor on the opposite side of the page from the search icon. Most site visitors would not notice the cursor. Also, the search text has the color of links. If you type a search term, search works as it should, although I would like for the search results page to not have a sidebar.

How do I get the search bar to appear as described in the documentation?

Thanks

November 10, 2019 at 9:11 am #1058741

Hi there,

We've added the navigation search color options in the customizer in GP Premium 1.9 which is currently in beta version.

Would you mind giving it a go?
https://www.screencast.com/t/Fht5aQbr64z

You can download it from your account page:
https://www.screencast.com/t/vnY5uVBKmNd

If not we can use CSS for now as well.

Let me know :)

November 10, 2019 at 9:45 am #1058768

I'm hesitant to use a beta version on a production client website.

For now, I would prefer to use CSS.

Thanks,
Mike

November 10, 2019 at 10:06 am #1058782

Try this:

.navigation-search input[type="search"], 
.navigation-search input[type="search"]:active,
.navigation-search input[type="search"]:focus {
    background-color: #000;
    color: #fff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

November 10, 2019 at 10:26 am #1058812

I had to add !important to both color and background to get the formatting to work, but it's working well now.

Thanks Leo!

November 10, 2019 at 10:27 am #1058817

No problem :)

Once the official version is released, you can remove the CSS and just use the customizer option instead :)

This archived topic is closed to new replies.

Start building better websites today.