rtl support + search box size

Ivory Search › Forums › Support › rtl support + search box size

Tagged: , , ,

Viewing 3 reply threads

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

  • Author
    Posts
    • December 27, 2019 at 12:21 PM #3623
      Istithmarco
      Participant
      • Topics: 1
      • Replies: 1

      Hi there,
      I have two enquiries:

      1- I am trying to add custom CSS to make the search bar + AJAX to be aligned to the right instead of left. Also trying to make sure all the text is rtl or right aligned but nothing is working.

      2- how can I add CSS to make sure that the search bar is wider but also responsive to the screen size? for example to be 50% wide of its div.

      I attached a screen shot to help.

      Many thanks.
      Mo

      Attachments:
      You must be logged in to view attached files.
    • December 29, 2019 at 1:21 PM #3633
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

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

      Could you please share the page URL from your site where it is displaying so that I can help you?

      Best regards,
      Ivory Search Support

    • December 30, 2019 at 6:49 AM #3646
      Istithmarco
      Participant
      • Topics: 1
      • Replies: 1

      Hi there,

      Thank you for your reply.

      here is the page https://istithmar.co/?page_id=1120

      Best regards,
      Mo

    • December 30, 2019 at 5:12 PM #3650
      Ivory Search
      Keymaster
      • Topics: 0
      • Replies: 1,748

      You can achieve this by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

      html[dir="rtl"] form.is-search-form.is-form-id-1472 {
    float: right;
}

html[dir="rtl"] #is-ajax-search-result-1472 {
    text-align: right;
}
  • Author
    Posts
Viewing 3 reply threads

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