Menu search box styling

Ivory Search › Forums › Support › Menu search box styling

Viewing 3 reply threads

You must be logged in to create new topic or reply to the topic.

  • Author
    Posts
    • May 12, 2019 at 4:04 PM #2207
      dougdavis22
      Participant
      • Topics: 1
      • Replies: 1

      I’m trying to style the search box that drops down when clicking the icon in the menu on my site, but struggling to find the right CSS classes to target. Can someone please tell me how to change the colour, text colour and position of the dropdown search box?

      Site I’m working on is https://newdev.cccbr.org.uk

      Thanks,
      Doug.

    • May 13, 2019 at 2:13 PM #2212
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

      Hi Doug,

      I hope you are well today and thank you for your question.

      You can achieve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

      #primary-menu .is-menu input.search-field {
    background: #FFF;
    color: #000;
    float: right;
}

#primary-menu .is-menu form label{
    float: right;
}

      Best regards,
      Ivory Search Support

    • May 13, 2019 at 2:25 PM #2213
      dougdavis22
      Participant
      • Topics: 1
      • Replies: 1

      Perfect, thanks for such a speedy response!

      Doug.

    • May 13, 2019 at 8:52 PM #2214
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

      You are most welcome, I’m glad I was able to help you in this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

      https://wordpress.org/support/plugin/add-search-to-menu/reviews/?filter=5

      I’d really appreciate that. 🙂

      And if I can be of any further assistance please don’t hesitate to ask.

  • Author
    Posts
Viewing 3 reply threads

You must be logged in to create new topic or reply to the topic.