Styling search edit box for iPad

Tagged: Search field

This topic has 9 replies, 2 voices, and was last updated 4 years, 6 months ago by Ivory Search.

Viewing 8 reply threads

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

Author
Posts
- April 21, 2020 at 9:52 AM #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.
- April 21, 2020 at 9:53 AM #4368
  ajtruckle
  Participant
  Topics: 1
  Replies: 6
  - April 21, 2020 at 9:58 AM #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:
- April 21, 2020 at 10:17 AM #4372
  ajtruckle
  Participant
  Topics: 1
  Replies: 6
  These are on iPhone.
  Attachments:
  You must be logged in to view attached files.
- April 21, 2020 at 10:30 AM #4375
  Ivory Search
  Keymaster
  Topics: 0
  Replies: 1,735
  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
- April 21, 2020 at 12:55 PM #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.
- April 21, 2020 at 1:53 PM #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.
- April 22, 2020 at 9:07 PM #4394
  Ivory Search
  Keymaster
  Topics: 0
  Replies: 1,735
  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?
- April 22, 2020 at 9:26 PM #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.
- April 22, 2020 at 9:31 PM #4397
  Ivory Search
  Keymaster
  Topics: 0
  Replies: 1,735
  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.
Author
Posts

Viewing 8 reply threads

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

Attachments: