• Hey,
    Completely new to website building and using wordpress. Worked on my website for 2 straight days now and figured a lot out by checking these forums and the mighty google.

    But one thing I can’t figure out is the following:

    The searchbar in my sidebar on desktop is white but on mobile (and maybe tablet too) the search button is the standard turqoise color.
    I can’t seem to put in the right CSS to change thsis.

    Could someone help me with this?

    Thanks so much!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi, found the correct site listed on your profile as the .com isn’t registered. When I visit the homepage, I see 2 search forms…

    The first one is within the post content and has the search input box along with the “Zoeken” button which is turqoise and then there is the search bar in the sidebar with just the search input but no button to click to search.

    So not quite sure what you’re referencing unless you already did something to fix it? If you are still having issues, you can upload an image showing the issue using something like https://snipboard.io/ and provide the link here so I can investigate further?

    Thanks

    Thread Starter tatjanasworld

    (@tatjanasworld)

    Hi Jarret,

    So sorry it was a long day of lots of url’s…accidentely filled in .com instead of .nl. But yes, it is .nl

    I see now that one the mobile page there is 2 search bars. No idea how that happened as it doesnt show on the desktop version and it’s not shown in my widget menu either. Do you have any idea?

    But i was talking about the turqoise search button. I want it the same color as my main nav/main menu bar.

    desktop:
    https://snipboard.io/IQcCVz.jpg

    mobile:
    https://snipboard.io/I5cjg7.jpg

    For the turqoise search button color you can add this to Appearance->Customize->Additional CSS

    .page-content .search-form input[type="submit"] {
    	background-color: #F5D9A2;
    }

    Regarding the 2 search forms, this is because you don’t have any posts/pages published on the site to show any data on the homepage. What settings do you have for Settings->Reading->Your homepage displays in the WP admin on the left hand menu?

    As there isn’t any data to show, the theme puts a search form for users to try to find more data on the site. Then in the mobile, the search form added as a widget displays right below where the normal content would be.

    Thread Starter tatjanasworld

    (@tatjanasworld)

    Thanks so much Jarret, the search button is now the right color!

    Ah oke, so the problem of 2 search bars should be fixed when i upload my first data.

    Thank you so much for helping out!

    Looks good and you’re welcome! 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Search button color on mobile’ is closed to new replies.