CSS not working – Please Help!

This topic contains 4 replies, has 2 voices, and was last updated by  Vinod Dalvi 1 month, 2 weeks ago.

  • Author
    Posts
  • #2188
    snmitchell82
    Participant
    • Topics: 1
    • Replies: 2

    Hello, I love your search feature but I’m having problems customizing the CSS. No matter how I customize the search button, the button stays as a generic square. I can’t get the hourglass to show and I can’t get the search button to align with the label box. I’ve gone through most of your documentation and tried a lot of your fixes, but nothing seems to help.

    I have the heartfelt theme from themeforest.

  • #2189
    snmitchell82
    Participant
    • Topics: 1
    • Replies: 2
    This reply has been marked as private.
  • #2194
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 212

    Hi @snmitchell82,

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

    I visited your shared site and saw Google console search from in the header.

    Are you talking about this form?

    Best regards,
    Vinod Dalvi

  • #2291
    snmitchell82
    Participant
    • Topics: 1
    • Replies: 2
    This reply has been marked as private.
  • #2293
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 212

    To display it correctly could you please try adding the following CSS code in the custom CSS option of Add Search To Menu plugin settings.

    
    .astm-search-menu form label {
        float: left;
    }
    
    .astm-search-menu form input.search-field {
        padding: 5px 8px;
        margin: 7px 0 0;
        height: 35px;
    }
    
    .astm-search-menu form input.search-submit {
        margin-left: 5px;
        background: #fff;
        padding: 4px 9px;
    }
    

You must be logged in to reply to this topic.