Live search macro alignment

[Boy]

Hi,

Is there a way to move the livesearch macro around the confluence page?
Because after inserting the macro, it's always floated to the left. What I would want is to make it center.

Thanks in advance! :)

[nriley · Accepted solution]

To a limited degree, my answer from https://answers.atlassian.com/questions/168704/live-search-macro-increase-search-box-size works here as well. You have some leadway in moving the containing div element for the livesearch box around the page using javascript/css as well.

[John Paz]

Neal, could you please post a snippet of code to show how to do this? I've tried a ton of solutions, and I'm able to get it to align right, and to modify the size of the search box (to a point) using the solution on your initial answer to a similar question, but I can not for the life of me figure out how to get the darn search box to center!

It seems because the block element doesn't really have an align parameter like other elements might. But I could be wrong. Your guideance would be much appreciated.

[John Paz]

Oh, and for good measure here is the snippet of code I've been using, which successfully changes the width of the search box...

I'm rather determined at this point to find some kind of solution...

<script type="text/javascript">
AJS.$("document").ready(function(){
    AJS.$(".plugin_livesearch_searchbox").css({
	"align-self": "center",
	"width": "1000px"
	});
});
</script>

[nriley]

I'm not sure align-self would actually center an element like an input box... You could try using the margin trick:

position: relative;
margin-left: auto;
margin-right: auto;

This would pad either side of the element automatically, and essentially center the input box in the parent div.

Hope this helps!

[Chung Park Chan]

Hi Bq0,

You might want to edit the Page Layout and choose the appropriate column settings. Then, add the Livesearch Macro in the desired column.

Hope this helps.

[Boy]

thanks. my workaround is that after editing the page layout, I added the Section and Columns macro to adjust the desired location for the livesearch box