Rixo Posted February 24, 2021 Share Posted February 24, 2021 Site URL: https://www.bnedesign.com.au/search?q=poo&f_collectionId=5f0d71620f26b73045d69f54 Hi, I'd like to change the color profile of the main section of the search results page to match the style of the rest of the site. Also my logo is white so the default white background doesn't work. Thank you! Link to comment
Funjob Posted May 2, 2021 Share Posted May 2, 2021 I'd like to know how to do this too! Link to comment
tuanphan Posted May 4, 2021 Share Posted May 4, 2021 On 5/2/2021 at 11:29 PM, Funjob said: I'd like to know how to do this too! Hi. This will require JavaScript code + CSS. Can you share link to search page? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Funjob Posted May 17, 2021 Share Posted May 17, 2021 Sure, thanks! https://www.underhereyes.com/search?q=kamo Password: Eyeballs Link to comment
tuanphan Posted May 18, 2021 Share Posted May 18, 2021 19 hours ago, Funjob said: Sure, thanks! https://www.underhereyes.com/search?q=kamo Password: Eyeballs Add to Code Injection Footer <script> if (document.location.pathname.indexOf("/search") == 0) { document.querySelector('body').classList.add('t-search') } </script> Add this to Code Injection Header <style> .t-search header#header { background: #ff33ff !important; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Funjob Posted May 18, 2021 Share Posted May 18, 2021 That's great, thanks so much! A couple of other similar things: i) How would I change the header color, and background color, of the order confirmed page? I need it to be #8d9283 ii) I'd also like the "Order Confirmed" message to be lowercase iii) On some pages the social & cart icons turn black (also the search window outline) - is there some code I can add to make them always stay white? Link to comment
tuanphan Posted May 19, 2021 Share Posted May 19, 2021 14 hours ago, Funjob said: That's great, thanks so much! A couple of other similar things: i) How would I change the header color, and background color, of the order confirmed page? I need it to be #8d9283 ii) I'd also like the "Order Confirmed" message to be lowercase iii) On some pages the social & cart icons turn black (also the search window outline) - is there some code I can add to make them always stay white? Can you place an order & share link to order confirmation page? With search page, add this to Design > Custom CSS /* Search page color */ .t-search .icon--fill svg { fill: white !important; } .t-search svg.icon.icon--cart { stroke: white !important; } .t-search span.sqs-cart-quantity { color: white; } With other pages, has cart, icon black, add this to Page Header <style> header#header .icon--fill svg { fill: white !important; } header#header svg.icon.icon--cart { stroke: white !important; } header#header span.sqs-cart-quantity { color: white; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Funjob Posted May 19, 2021 Share Posted May 19, 2021 https://www.underhereyes.com/checkout/order-confirmed?oid=60a4c47eb0495e41887bd7f8&authCode=NjBhNGM0N2ViMDQ5NWU0MTg4N2JkN2Y4OjIwMjEtMDUtMTlUMDc6NTU6NDAuNjY1Wk9TLxaJWMfCeKz4f4UultNHPKzkyDaQgKlvabnncDf- Link to comment
tuanphan Posted May 19, 2021 Share Posted May 19, 2021 2 hours ago, Funjob said: https://www.underhereyes.com/checkout/order-confirmed?oid=60a4c47eb0495e41887bd7f8&authCode=NjBhNGM0N2ViMDQ5NWU0MTg4N2JkN2Y4OjIwMjEtMDUtMTlUMDc6NTU6NDAuNjY1Wk9TLxaJWMfCeKz4f4UultNHPKzkyDaQgKlvabnncDf- It looks like someone clicked the link, so I can't access. Can you send me a private message with new url? We will check again. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Funjob Posted May 19, 2021 Share Posted May 19, 2021 Don't worry, Tuan! I found the answers here: Thanks so much anyway! Link to comment
canvasgallerytoronto Posted June 9, 2021 Share Posted June 9, 2021 Hi There, I would like the background of my search results to be white - https://canvasgallery.ca/search?q=albano&f_collectionId=607f246f4a73393bf84a6ecd any help would be appreciated ! Thanks so much Link to comment
tuanphan Posted June 10, 2021 Share Posted June 10, 2021 7 hours ago, canvasgallerytoronto said: Hi There, I would like the background of my search results to be white - https://canvasgallery.ca/search?q=albano&f_collectionId=607f246f4a73393bf84a6ecd any help would be appreciated ! Thanks so much Add to Settings > Advanced > Code Injection > Footer <script> if (document.location.pathname.indexOf("/search") == 0) { document.querySelector('body').classList.add('t-search') } </script> <style> .t-search header#header { background: #fff !important; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
canvasgallerytoronto Posted June 10, 2021 Share Posted June 10, 2021 11 hours ago, tuanphan said: Add to Settings > Advanced > Code Injection > Footer <script> if (document.location.pathname.indexOf("/search") == 0) { document.querySelector('body').classList.add('t-search') } </script> <style> .t-search header#header { background: #fff !important; } </style> thank you! This seemed to change the search results page header/menu rather than the background behind the actual results, is there a way to do that? Link to comment
tuanphan Posted June 11, 2021 Share Posted June 11, 2021 17 hours ago, canvasgallerytoronto said: thank you! This seemed to change the search results page header/menu rather than the background behind the actual results, is there a way to do that? Change this code <style> .t-search header#header { background: #fff !important; } </style> to this <style> .t-search .system-page { background: red; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
best19 Posted October 21, 2022 Share Posted October 21, 2022 (edited) Hi, is there a way to change colour of the text in the menu bar as well as text in the search result just for the search result page? I want to change the header and the body background to #202434 and the text colour to #F7F7F7 https://www.innercircler.com/search?q= Edited October 21, 2022 by best19 Adding more information Link to comment
best19 Posted October 22, 2022 Share Posted October 22, 2022 Hi, is there a way to change colour of the text in the menu bar as well as text in the search result just for the search result page? I want to change the header and the body background to #202434 and the text colour to #F7F7F7 https://www.innercircler.com/search?q= Link to comment
Ziggy Posted October 22, 2022 Share Posted October 22, 2022 The search page is a built in page, and not directly customizable, it's colour is determined by the default colour theme for the website, so could be a good option to change that on your website:https://studiomesa.co/articles/default-color-theme Just be careful to check all of your pages after you make this change. This is a good guide for styling with Custom CSS:https://insidethesquare.co/squarespace-tutorials/search-results ShannonKropfCreative 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
tuanphan Posted October 23, 2022 Share Posted October 23, 2022 On 10/21/2022 at 9:17 PM, best19 said: Hi, is there a way to change colour of the text in the menu bar as well as text in the search result just for the search result page? I want to change the header and the body background to #202434 and the text colour to #F7F7F7 https://www.innercircler.com/search?q= You mean the text "Type to search"? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment