Request for Style Assistance

This topic contains 3 replies, has 2 voices, and was last updated by  Vinod Dalvi 1 week, 6 days ago.

  • Author
    Posts
  • #2508
    phs17
    Participant
    • Topics: 1
    • Replies: 1

    Dear Vinod:

    Thank you very much for your “Add Search To Menu” plugin. I have installed it on my site, and it is working well. (https://www.peakhealthsupplements.com) I am using TrueTheme’s Karma, Version: 4.9.3.

    I am hoping that you will be able to help me fine tune some style matters. Forgive me if you have answered these questions elsewhere, but I have not located them in your documents.

    1) Can the search box be centered vertically with the other items in the Main Menu (BIOSUPERFOOD, CELLULAR NUTRITION, SHOP, ABOUT US)?

    2) Can the search box be narrowed or “thinned” vertically? Its current height is interfering with the parallax banners on the other pages of site.

    3) Can the font of the placeholder text in the search box be changed to match the font of the other items (listed above in #1) in the menu?

    4) Can the color of the magnifying glass icon be changed to match the color of the placeholder text?

    Thank you in advance for any assistance you may be able to provide.

    Kind regards,

    PHS17

    Website: https://www.peakhealthsupplements.com

  • #2511
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    Hi PHS17,

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

    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

    
    #wrapper #menu-main-nav li.astm-search-menu,
    body #B_sticky_menu #menu-main-nav li.astm-search-menu {
        padding-top: 2px !important;
    }
    
    li.astm-search-menu .search-form .text {
        padding: 2px;
    }
    
    li.astm-search-menu .search-form .text input {
        margin: 2px 0 0 25px;
        font-family: 'Lato', Arial, sans-serif;
    }
    
    li.astm-search-menu .search-form .text:before {
        color: #fff;
        top: 2px;
    }
    

    Best regards,
    Vinod Dalvi

  • #2518
    phs17
    Participant
    • Topics: 1
    • Replies: 1

    Thank you, Vinod! It looks great! I very much appreciate your support and prompt reply!

    PHS17

  • #2527
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    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.

You must be logged in to reply to this topic.