• Resolved Marjoline

    (@marjoline)


    Hi there,

    I have used some of your recommended code to reduce the size of the text box. However,
    there is now suddenly a whitish background colour over the full width, which appeared out of nowhere.

    Can you recommend any code which would ensure the background remains clear? I am talking of the background BEHIND the entire search box.

    The code I used is the following:

    form.is-search-form.is-form-style {
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
        width:24em
    }

    Kind regards, Marjoline

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

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

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

    body > form.is-search-form.is-form-style {
        position: absolute;
        z-index: 9999;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
           -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
             -o-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }

    Best regards,

    Thread Starter Marjoline

    (@marjoline)

    Thanks Vinod, that’s wonderful, it did the trick.

    Now I am looking for a way to right align the search box to the right side of the page. However, I cannot find where I can do that, can you help with this as well?

    Kind regards, Marjoline

    • This reply was modified 2 years ago by Marjoline.
    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Please try changing the above shared CSS code as below.

    body > form.is-search-form.is-form-style {
        position: absolute;
        z-index: 9999;
        right: 0;
    }
    Thread Starter Marjoline

    (@marjoline)

    That’s great, Vinod,
    Thanks!
    Cheers,
    Marjoline

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You are always welcome here 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Removing the background colour on the top bar’ is closed to new replies.