Jump to content

kkedwards87

Member
  • Posts

    26
  • Joined

  • Last visited

kkedwards87's Achievements

  1. Hi, anyone know why there's a shade difference between the navigation and image on the home page here: https://www.ocht.org.nz/ Many thanks
  2. Hi, would anyone know why the word Squarespace appears on hover? Screenshot attached. It's on the home page in a section I've built with code. Code below. Thanks <style> .tenancy-icon { fill : #99CC33; transition : 0.3s; } .tenancy-icon:hover { fill : #13273A; } </style> <div style="text-align: center"> <a alt="Squarespace" href="/apply-for-community-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> </a> </div>
  3. Hi @tuanphan Thank you for replying but I worked out a solution (per your screenshot).
  4. 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
  5. 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.
  6. 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.
  7. 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!
  8. Hi @paul2009is there a way to make this code work to open a lightbox? Thanks
  9. @creedonthat's worked like a charm, thank you. Sorry for missing the December 7 post.
  10. 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>
  11. 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.
  12. @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.
  13. 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
×
×
  • 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.