Changing Colors for Search menu

  • Resolved arleigh

    (@arleigh)


    6 years, 9 months ago

    Hello!

    Amazing plugin. Once we have everything dialed in I would love to donate. I’ve searched the forums and added the CSS I found to change the formatting and colors for the search fields but I seem to be doing something wrong.

    I would like the icon and close button to be white, the search background to be white and if possible to change the prefilled word “search” in the form field area to “Start Looking..”

    Also, is it possible to move the form to the front of the navigation instead of the end?

    Thank you!!!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    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 Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

    
.astm-search-menu svg.search-icon path {
fill: #FFF;
}

.astm-search-menu input.search-field{
    padding: 14px;
    width: 116%;
}
.astm-search-menu input.search-field,
.astm-search-menu input[type=submit] {
    background: #fff;
}

.astm-search-menu input[type=submit]{
    padding: 15px 23px;
    margin-left: 1px;
    float: right;
    width: auto;
}

.astm-search-menu form label {
    float: left;
}

    The placehoder text “search” is displayed by the my listing theme you are using on your site so you have to change it in the theme code.

    Best regards,

    Thread Starter arleigh

    (@arleigh)

    Hello,

    I added the css as recommended. How do I make the background of the search white instead of transparent? Also, how do I make the icon white?

    see here: https://bikehere.com

    Thank you!
    Arleigh

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    The above CSS code will make the background and icon white.

    I don’t see the above shared CSS code used on your site.

    Where have you added it?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing Colors for Search menu’ is closed to new replies.