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
4,367,530
Community Members
 
Community Events
168
Community Groups

Is it possible to embed the space-level Search bar into an image or background image?

Would like the GUI to look like this:

peferred Search.png

 

2 answers

1 accepted

0 votes
Answer accepted
Mirek Community Leader Dec 30, 2021

I think it can be done in few steps

  1. Adding an image you would like to have as "background"..
  2. Adding livesearch macro on the same page
  3. Modifying CSS (play with position/margin/padding of livesearch macro class "search-macro-fields" - you can use developer tools build in the browser to quickly see the results
  4. When you are satisfied with the result include CSS modification into your space to make it permanent

I did a quick test and this is the result..

livesearch_css.png

0 votes

Hello :) 

Thank you for that post. Is there a chance to get a step-by-step guide for this? I have troubles to find the option to modify the CSS styles. If I google it, it is unfortunately not working with my version. 

 

Can someone help?

 

Thanks a lot and greetings,

Daniel

Suggest an answer

Log in or Sign up to answer
TAGS

Atlassian Community Events