Jump to content

About the search page - EmbyServer 4.4.2.0


CarlosLima
Go to solution Solved by Happy2Play,

Recommended Posts

CarlosLima

Hi,
The image is from the search page and on it, I would like to use a CSS or HTML code for these results:
1. Delete the Suggestions text and all the content below it
2. In the space that will be empty with the removal, I would like to have a fixed text, with customizable fonts and font sizes.

I would also like to know about the top link that opens the search page, if it is fixed, that is, it will always be the same or if it undergoes URL changes.
Thank you.

5eaf4958092bf_Anotao20200503193815.png

Edited by CarlosLima
Link to comment
Share on other sites

Happy2Play

Do you want the text still visible with search results?

 

As for url it is impossible to say as Emby is continues to evolve.

Link to comment
Share on other sites

CarlosLima

Hi,
Thanks for the quick message.

No, the text should only be displayed as instructions on the search. It should only be shown on the search page and nothing else.
I expressed myself wrong. I asked if I can link the survey URL in case it is not possible to include it in the code, so I would put the url manually and ask if the address would be changed, to find out if the client would be sent to a non-existent location.

Edited by CarlosLima
Link to comment
Share on other sites

Happy2Play

So you want your text to hide just like suggestions does when you do a search?

 

Are you asking about adding a button link to the search.html?

Link to comment
Share on other sites

CarlosLima

Exactly. The text will be just tips on how the customer can search. When the customer fills in the search text, the text should disappear, just like the Suggestions item is today.
The text will be something short and simple like this: ...
"Your search will cover the entire catalog. You can type using the original title or the Portuguese title bla bla bla ..."
About the link to the Survey, there is no longer a need, because I thought about using it in the other topic that I already closed.
Thank you

Edited by CarlosLima
Link to comment
Share on other sites

Happy2Play

Something like this

 

Change font-family to your font of choice.

div.searchSuggestions:before {
    visibility: visible;
    content: "My Test";
    font-size: 200%;
    font-family: fantasy;
    position: relative;
    top: 50px;
}
Link to comment
Share on other sites

CarlosLima

Excellent, thank you very much.
I would like the Suggestions text and the data below not to be shown, to be removed.
It would also be great if the new text is on the side limits of the search box.

5eaf72f25af81_Screenshot.png

Edited by CarlosLima
Link to comment
Share on other sites

  • Solution
Happy2Play

Oops looks like my copy and paste missed a line.  Minor updates

div.searchSuggestions {
    visibility: hidden;
    width: 50%;
}
div.searchSuggestions:before {
    visibility: visible;
    content: "My Test Your search will cover the entire catalog. You can type using the original title or the Portuguese title bla bla bla Your search will cover the entire catalog. You can type using the original title or the Portuguese title bla bla bla";
    font-size: 200%;
    font-family: fantasy;
    position: relative;
    top: 50px;
    left: 50%;
}
Edited by Happy2Play
  • Like 1
Link to comment
Share on other sites

CarlosLima

Expectacular.
You the best.
Thank you.

5eaf8b1a55f45_Screenshot.png

Edited by CarlosLima
  • Like 1
Link to comment
Share on other sites

  • 2 years later...
CarlosLima
/* #09ok - Pesquisa, substitui Sugestoes - Happy2Play-030520 */
div.searchSuggestions {
visibility: hidden;
width: 50%;
}
div.searchSuggestions:before {
   visibility: visible;
   content: "Você não precisa saber o dado completo do que procura e poderá digitar apenas partes do texto. O resultado mostra apenas os conteúdos dos quais você tenha acesso.";
   font-size: 100%;
   font-family: verdana;
   position: center;
   top: 80px;
   left: 50%;
}

Hi, @Happy2Play
This code of yours stopped working in the current stable version (4750).
The image shows how the search screen currently looks.
Thanks in advance for the code update.
Thanks

Screenshot.png

Link to comment
Share on other sites

CarlosLima

Hmn, curious there, I see.  Does not work here.  Could it be other conflicting CSS code?

Link to comment
Share on other sites

Happy2Play
1 minute ago, CarlosLima said:

Could it be other conflicting CSS code?

It is possible.  Have you tested with just that code?

Link to comment
Share on other sites

CarlosLima

Yes, I tested it several times including I use an ES Beta 4806 test and it also doesn't work even using only this code, without any other CSS.

Link to comment
Share on other sites

Happy2Play

@CarlosLima Not sure as I get the same results on 4.6.7.0, 4.7.5.0, and 4.8.0.6.   Only tested in Edge though.

Link to comment
Share on other sites

CarlosLima

Yes I did the same tests in Chrome and in Edge and same result.

Link to comment
Share on other sites

Happy2Play
6 minutes ago, CarlosLima said:

Oh, no.

Not sure then as it works in all my local tests.  Only error in the code is position: center as that is not valid code but is not relevant in my setting.

Only other suggestion if you want is PM a guest account and I can see if the browser console shows me errors.

Link to comment
Share on other sites

Happy2Play

To close this out for anyone else, the issue was an encoding issue of copy and paste applying not visible special character.

When I pulled the custom css in browser console it looked like this but appeared normal in custom css box.

/* #09 - Pesquisa, substitui Sugestoes - Happy2Play-030520 AGUARDANDO ATUALIZACAO */
div.searchSuggestions {
visibility: hidden;
width: 50%;
}
div.searchSuggestions:before {
    visibility: visible;
    content: "Você não precisa saber o dado completo do que procura e poderá digitar apenas partes do texto. O resultado mostra apenas os conteúdos dos quais você tenha acesso.";
    font-size: 100%;
    font-family: verdana;
    position: center;
    top: 80px;
    left: 50%;
}

 

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...