[Resolved] Search Bar Formating

Home Forums Support Search Bar Formating

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1058734
    mikeb82

    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

    #1058741
    Leo
    Staff
    Customer Support

    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 🙂

    #1058768
    mikeb82

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

    For now, I would prefer to use CSS.

    Thanks,
    Mike

    #1058782
    Leo
    Staff
    Customer Support

    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/

    #1058812
    mikeb82

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

    Thanks Leo!

    #1058817
    Leo
    Staff
    Customer Support

    No problem 🙂

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.