Dwjngs Posted February 7, 2020 Share Posted February 7, 2020 Site URL: https://pvastx.org We're using the Clay template and have enabled the search feature in the header. It's set to only show the magnifying glass icon, and when you click on it it opens a blank page containing only the search box (which is fine). However, the search box is HUGE, spreading across the whole page and magnified. Is there a way to edit the page that's generated when clicking on the search icon to display a search box that is sized to match the content on the rest of the site? Thank you! Link to comment
paul2009 Posted February 7, 2020 Share Posted February 7, 2020 Sure, you can change it. What do you want it to look like? If it's just the huge font that's the issue (30px!) then you can reduce it with this: .sqs-search-container input { font-size: 14px; } About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Dwjngs Posted February 7, 2020 Author Share Posted February 7, 2020 Hi, Paul - I'm hoping to change the size of the box itself (image attached). Your CSS works great for font size, though - thanks for the speedy and useful response! Link to comment
paul2009 Posted February 7, 2020 Share Posted February 7, 2020 To reduce the size further, try adding this too: /* Reduce search box size */ /* Use in Custom CSS. Do not republish */ @media only screen and (min-width: 800px) { .sqs-search-page-input { margin: 0 25%; padding: 8px 15px 8px 50px; background-size: 17px; } } About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
Dwjngs Posted February 7, 2020 Author Share Posted February 7, 2020 Works perfectly - thanks, Paul! 😄 Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.