Text inside search module

Support
#1

I’d like to add text inside the search module, above the search. Is there a javascript that I could use?

As always, thank you, Themeco!

#2

Hi There @bjmiller

Thanks for writing in! I see that you’re using Pro theme. You can inspect your search modal element, then go to SEARCH > CONTENT > Placeholder and change your placeholder text.

Hope that helps.

#3

No, I would like the text above the search. I’ve attached a mockup. Sorry I wasn’t clear.

#4

Hi @bjmiller,

To achieve that, please add the my-search-modal class to your search modal:

Then add the following code under Theme Options > JS:

jQuery('.my-search-modal .x-modal-content').prepend('<p class="my-text">What can we help you find?</p>');

Hope it helps :slight_smile:

#5

Thank you! I’ve added some style in case some else needs it.

jQuery('.my-search-modal .x-modal-content').prepend('<h3 class="my-search-modal" style="color: #fff;">What can we help you find?</h3>');

CSS

.my-search-modal {
text-align: center !important;
}

#6

Thank you for sharing it with other members :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.