nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Livesearch with rounded edges

Marcin_6prz4y

Hi,

Hey, I look for a liveserach with rounded lateral edges.

Can I find such a thing?

Example: Bez tytułu.png

Accepted answers

Shannon S

Hi Marcin,

To give the LiveSearch Macro rounded corners, you will want to add the following to the Custom HTML section footer: Confluence Admin > Custom HTML

<script type="text/javascript">
AJS.$("document").ready(function(){
 AJS.$(".search-macro-query input[type='text']").css("border-radius","40px");
});
</script>

Then it will appear like this:

Screen Shot 2017-09-08 at 6.40.12 PM.png

Can you give that a try and let us know how it goes?

All comments

Shannon S

Hi Marcin,

To give the LiveSearch Macro rounded corners, you will want to add the following to the Custom HTML section footer: Confluence Admin > Custom HTML

<script type="text/javascript">
AJS.$("document").ready(function(){
 AJS.$(".search-macro-query input[type='text']").css("border-radius","40px");
});
</script>

Then it will appear like this:

Screen Shot 2017-09-08 at 6.40.12 PM.png

Can you give that a try and let us know how it goes?

Marcin_6prz4y

Thanks ! It's work

Shannon S

Super! Thank you for letting me know

Take care and have a pleasant week!

Kind Regards,
Shannon

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence