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

[kamaltyagi]

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 Marcinko]

Hi,

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

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

[kamaltyagi]

Yes! Sorry I missed that.

Problem solved.

[Author]

Posts