Jump to content

Search Results Page - Customise "Search" title + "Type to search" text

Recommended Posts

Hello,

I managed to customise my search results page nicely, however I cannot find any answer how to customise: 

1. "Search" title text - I want to make it smaller and preferable in the middle of the page

2. "Type to search" - it is so pale, I can hardly see it, I want to change colour to darker grey.

 

Thank you so much for your help. I really appreciate it.

Jevgenia 

Screenshot 2023-09-12 at 06.52 copy.jpg

Link to comment

Hi,

#1. Can you share site url?

#2. Add this to Website > Website Tools > Custom CSS. If it doesn't work, please share site url, we can help easier

.sqs-search-container input::placeholder, .sqs-search-container input {
    color: darkgrey !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
8 hours ago, tuanphan said:

Hi,

#1. Can you share site url?

#2. Add this to Website > Website Tools > Custom CSS. If it doesn't work, please share site url, we can help easier

.sqs-search-container input::placeholder, .sqs-search-container input {
    color: darkgrey !important;
}

 

Hello,

Thank you so much for the questions number 2, it worked!!!

Still can't figure out how to change the "Search title text" to make it smaller and centerer. The site url is:

www.mursclairs.com

 

Thanks a lot in advance, I found so many answers from your posts.

Jevgenia 

Edited by Jevgenia
Link to comment
On 9/14/2023 at 4:09 PM, Jevgenia said:

Hello,

Thank you so much for the questions number 2, it worked!!!

Still can't figure out how to change the "Search title text" to make it smaller and centerer. The site url is:

www.mursclairs.com

 

Thanks a lot in advance, I found so many answers from your posts.

Jevgenia 

Add this to Custom CSS

/* Search text */
.sqs-search-page.sqs-search-page-content::before {
    font-size: 16px;
    display: block;
    text-align: center;
}

image.thumb.png.4d557e399c47d75fa79dcf502f0a3200.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
On 9/14/2023 at 8:54 PM, tuanphan said:

Hi,

#1. Can you share site url?

#2. Add this to Website > Website Tools > Custom CSS. If it doesn't work, please share site url, we can help easier

.sqs-search-container input::placeholder, .sqs-search-container input {
    color: darkgrey !important;
}

 

thanks @tuanphan worked a charm

is there any way I can move the search icon to be the "1st element" from the "last element" in my link bar?

https://turkey-decagon-5rfj.squarespace.com/search


thank you

Link to comment
On 11/3/2023 at 12:19 PM, ShortAngryViking said:

thanks @tuanphan worked a charm

is there any way I can move the search icon to be the "1st element" from the "last element" in my link bar?

https://turkey-decagon-5rfj.squarespace.com/search


thank you

Move this?

image.thumb.png.46e08abe0136b0a12e579eae84101313.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.