Adding a margin to an absolute position search function in compact box mode

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Adding a margin to an absolute position search function in compact box mode

This topic contains 2 replies, has 2 voices, and was last updated by kamaltyagi kamaltyagi 5 years, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #12419
    kamaltyagi
    kamaltyagi
    Participant

    I have another small question about my search function pinned in the top corner of my site. I would just like to add a right margin or some padding-right to it so that the magnifier shows up a little further inside the site (away from the edge of the browser.) I have tried adding a right margin to this custom CSS snipet you gave me previously but it did not work:

    div[id*=ajaxsearchprores] {
    margin-top: -10px !important;
    margin-right: 20px !important
    }

    Could you advise what custom CSS I can add to move over the magnifier? Thanks again for your time.

    #12433
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    Since you use the compact box layout, you can simply change it’s position on the Compact Box layout panel, without custom CSS: https://i.imgur.com/mDau7Uf.png

    In your case you will have to lower the “top” value, and increase the “right” value.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #12470
    kamaltyagi
    kamaltyagi
    Participant

    Yes! Sorry I missed that.

    Problem solved.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.