Styling search edit box for iPad

Ivory Search Forums Support Styling search edit box for iPad

Tagged: 

Viewing 8 reply threads

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

  • Author
    Posts
    • #4367
      ajtruckle
      Participant
      • Topics: 1
      • Replies: 6

      At the moment the search box is not matching the rest of my site. This is an iPad portrait for example (see attachment).

      Specifically the edit box needs to fit within the width of the side bar and it should not have rounded corners.

      Please advise. Thanks.

    • #4368
      ajtruckle
      Participant
      • Topics: 1
      • Replies: 6

      Snapshot

      • #4370
        ajtruckle
        Participant
        • Topics: 1
        • Replies: 6

        Similarly, in landscape on iPad the search box is not wide enough, and doesn’t want to be rounded corners:

        Snag shot

    • #4372
      ajtruckle
      Participant
      • Topics: 1
      • Replies: 6

      These are on iPhone.

      Attachments:
      You must be logged in to view attached files.
    • #4375
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,749

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

      I visited your shared website and saw the Seos Video Premium theme that you are using on your website is not styling the search form correctly so please contact the theme author to style it.

      Best regards,
      Ivory Search Support

    • #4378
      ajtruckle
      Participant
      • Topics: 1
      • Replies: 6

      Hi
      Contacting the theme author is not a solution as they charge for support. I am out of my 6 month period.
      This must be a common issue. Please direct me to the article describing the styles so I can add some additional CSS myself. Thank you.

    • #4380
      ajtruckle
      Participant
      • Topics: 1
      • Replies: 6
      #is_widget-3 .search-field  {
        width: 70%;
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
       
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        border-radius: 0;
      }
      
      #is_widget-3 .search-submit {
        text-shadow: none;
        font-style: normal;
        background: #d35438 !important;
        color: #000 !important;
        text-align: center;
        border: solid 1px white !important;
        border-radius: 4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border: white 1px solid;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
      }

      Sorted.

    • #4394
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,749

      This is not a common issue as every theme styles search form differently but still, I will try my best to help as you are not getting support from the theme author.

      Could you please tell me exactly how you want to display the search form and share your website URL where it is displaying?

    • #4396
      ajtruckle
      Participant
      • Topics: 1
      • Replies: 6

      I think it is OK now. Thanks.

      Theocratic Software

      The only issue I now have is my that “WP Search Insights” plugin is not detecting any searches made through your plugin. But they said they will investigate it.

    • #4397
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,749

      You are most welcome here 🙂

      The only issue I now have is my that “WP Search Insights” plugin is not detecting any searches made through your plugin. But they said they will investigate it.

      It should work as the Ivory Search plugin uses default WordPress search functionality.

      Let’s see what “WP Search Insights” plugin developer finds out.

Viewing 8 reply threads

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