kkedwards87

Hi @tuanphan Thank you for replying but I worked out a solution (per your screenshot).

Hi @tuanphan https://ocht-org-nz.squarespace.com/p/w: ocht I need to add a coloured logo on the page you land on after a search and a page with a broken link but I'm unsure how to do this. Coloured logo has been uploaded as /s/OCHT-logo-colour.png Please can you advise? Thanks

Hi @creedon Sorry for the delay in getting back to you. 1. The url for the coloured logo is /s/OCHT-logo-colour.png As I'm unsure how to access the search and couldn't find the page you were looking for page I'm unsure how to add this 2. Ok, thanks 3. Thank you - that's worked great Really appreciate your help.

Hi @creedon thanks for your response. 1. Invert may be the wrong word. On pages where there's no banner the white in the logo obviously doesn't show as it's on a white background. For pages like search there's no way of adding a banner, so what should I do in this instance? Is there a way of adding another logo with colour? I can't see the part you reference to remove in the css - you can delete it if you wish as I've made a copy of the css as it stands this morning. 2. Thanks - I'll take a look. 3. It's on the home page at the bottom and also news - annual reports. It's where I've added a title then a gallery block, there's a thin grey line at the top of the gallery section.

Hi @creedon I have a few questions: 1. How do I invert the logo or add a banner to the search page please? Also happens on the couldn't find the page you were looking for page. 2. Why do some search results display without an image? Screenshot attached shows more. 3. How do I remove the grey line between the title and gallery logos? https://ocht-org-nz.squarespace.com/ p/w: ocht Thanks!

Hi @paul2009is there a way to make this code work to open a lightbox? Thanks

@creedonthat's worked like a charm, thank you. Sorry for missing the December 7 post.

Hi @creedon Regarding the code you gave me: <a alt="Squarespace" href="/your-url-slug-here" title="Squarespace" xlink:href="/your-url-slug-here"> It's causing the next section to distort. Another member mentioned the full code may be missing closing tags. I added </a> to the end but that didn't work. Here's the full code: <style> .complaint-icon { fill: #99CC33; transition: 0.3s; } .complaint-icon:hover { fill: #336699; } </style> <div style="text-align: center"> <a alt="Squarespace" href="/our-complaints-process" title="Squarespace" xlink:href="/our-complaints-process"> <svg class="complaint-icon" width="60" height="80" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.399 2.276c-.208-.63.264-1.276.919-1.276.405 0 .783.257.918.664l5.691 14.286c.169.509-.106 1.057-.613 1.226-.507.169-1.055-.106-1.224-.614 0 0-3.593-1.203-7.854.211l2.801 4.354c.291.428.088 1.013-.396 1.173l-1.904.634c-.131.044-.267.066-.401.066-.357 0-.705-.152-.951-.429l-3.85-4.247c-2.096.661-4.468-.102-5.26-2.076-.182-.453-.275-.936-.275-1.421 0-1.407.786-2.842 2.492-3.68 8.541-4.194 9.907-8.871 9.907-8.871m6.067.913c1.518.641 2.789 1.865 3.459 3.516.669 1.651.607 3.42-.034 4.94l1.474.626c.415-.985.635-2.053.635-3.141 0-3.167-1.873-6.133-4.911-7.419l-.623 1.478zm-1.064 2.523c.874.368 1.608 1.073 1.992 2.024.386.951.351 1.968-.017 2.843l1.436.61c.524-1.246.576-2.691.028-4.042-.547-1.352-1.588-2.352-2.831-2.877l-.608 1.442z"/></svg> </div>

Hi @tuanphanplease let me know if you need anything more from me at this stage. Would be so helpful to be pointed in the right direction. Thanks.

@tuanphanthanks for responding. Here is the first code block. <style> .tenancy-icon { fill: #99CC33; transition: 0.3s; } .tenancy-icon:hover { fill: #336699; </style> <div style="text-align: center"> <a alt="Squarespace" href="/apply-for-housing" title="Squarespace" xlink:href="/apply-for-housing"> <svg class="tenancy-icon" width="60" height="80" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"> <path d="M13 23h-6v-6.065c.626-.155 1.04-.496 1.319-1.046 2.152.773 3.647-2.303 1.819-3.556.949-1.116.245-2.727-1.207-2.522-.698-2.361-4.151-2.379-4.85 0-1.405-.227-2.186 1.199-1.385 2.289-1.648 1.404-.105 4.036 1.872 3.467.217.703.78 1.184 1.432 1.357v6.076h-2v-4.877c-.304-.239-.551-.515-.546-.51-2.001-.266-3.454-2.114-3.454-4.069 0-.583.129-1.173.41-1.735-.322-1.653.654-3.337 2.356-3.874l.018-.006c.827-1.162 2.152-1.823 3.517-1.893l5.682-5.036 12.017 10.647-1.33 1.491-10.687-9.469-3.284 2.908c.308.164.595.36.855.59l2.419-2.149c1.126.998 2.255 1.995 3.384 2.993l2.258 1.994 3.385 2.995v10h-6v-5h-2v5zm-2-5.585c-.713.445-1.259.529-2 .585v3h2v-3.585zm1.415-1.406l4.585-.009v5h2v-7.117l-7.027-6.196-.813.72c1.124.795 1.697 2.21 1.351 3.614.646 1.147.669 2.693-.096 3.988m-5.962-3.688c1.495-1.022 3.241.769 2.302 2.224.002-1.472-.852-2.279-2.302-2.224m-2.118 1.19c-1.247-1.865 1.004-4.164 2.904-2.894-1.892-.032-2.946 1.043-2.904 2.894"/></svg> </div> Regarding the latest updates section, when in editing mode the latest updates section looks ok but when I press save it looks like the attached.

Hi Can anyone advise why the coded icons are causing the next section to distort? It's only happened since linking the icons to internal pages. Also can anyone advise on fixing the button alignment on the background card and adding drop shadow? https://ocht-org-nz.squarespace.com/ p/w: ocht Thanks

@creedonyou are a true legend - thank you.

Hi @creedon The home page under the icons is the offender. https://ocht-org-nz.squarespace.com/ p/w: ocht Then the page /apply-for-housing has a hyperlink underlined. I don't think that looks as bad but it'd be good to know how to remove it all the same. Thank you.

@creedonthank you - the link works! Regarding the hyperlink, I think knowing both wouldn't be a bad idea please.

Hi @creedon What would you put to link to an internal page instead of an external page in this section: <a alt="Squarespace" href="https://www.squarespace.com/" title="Squarespace" xlink:href="https://www.squarespace.com/"> I'd like to link the first icon to the apply for housing page. I need to build pages for the other icons. Also how do you hide the underline that comes up when a hyperlink is added? https://ocht-org-nz.squarespace.com/ p/w: ocht Thank you