Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

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

Dawn Ross February 3, 2020

Would like the GUI to look like this:

peferred Search.png

 

2 answers

1 accepted

0 votes
Answer accepted
Mirek
Community Champion
December 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

1 vote
Daniel Dietrich
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
August 9, 2022

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
AUG Leaders

Atlassian Community Events