Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
Community Members
Community Events
Community Groups

Livesearch/Search Bar Design Options

Hey everybody,

We would like to have a search bar on our Homepage. The only option I found to include such a search bar is with the Liveserach macro. Unfortunately it doesn’t fit with our design. As you can see in the following image – I have tried several options and it doesn’t look good –

I’m imagining something more like the following search option – a search bar that stretches throughout the whole width of the page. Or at least is a bit larger and centered. Example –

Here is an example of the outcome I’m looking for.

Is that possible? Are there any other options to make the search bar fit better in the design of the page?

I’m aware that’s kind of a strange request :D Thank you very much!

1 answer

Hi @Martin Zashev

Welcome to the Atlassian Community!

I do not know of a way to customize the appearance of the search bar besides what is available through the macro itself.

Outside of that, I would recommend one of the UI customization plugins such as Refined Toolkit or Scroll Viewport

Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Confluence

Confluence: Where work and wellness meet

Feeling overwhelmed by the demands of work and life? With a 25% increase in the prevalence of anxiety and depression worldwide during the pandemic, for most of us, it’s a resounding yes . 🙋‍♀️ ...

974 views 15 27
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you