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

[kamaltyagiParticipant]

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.

[Ernest MarcinkoKeymaster]

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 :)

[kamaltyagiParticipant]

Yes! Sorry I missed that.

Problem solved.

[Author]

Posts