Jump to content

kkedwards87

Member
  • Posts

    26
  • Joined

  • Last visited

Everything posted by kkedwards87

  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
  14. @creedonyou are a true legend - thank you.
  15. 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.
  16. @creedonthank you - the link works! Regarding the hyperlink, I think knowing both wouldn't be a bad idea please.
  17. 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
  18. @creedonyou are such a star, thanks
  19. @creedon https://ocht.squarespace.com/?password=OCHT Thank you!
  20. @creedonthanks so much. That has worked however there's one small problem in that the icon is black until I hover on it and then it turns green and the blue hover works. Happens on each refresh.
  21. Hi @creedon Do you know how I would link these icons to another page on the website or an external website? As an example, the code I've got for the first icon is as follows. How would I link that? Thank you <style> .tenancy-icon { fill: #99CC33; transition: 0.3s; } .tenancy-icon:hover { fill: #336699; </style> <div style="text-align: center"> <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>
  22. Thanks so much for your responses. @creedon your code worked perfectly. Really appreciate it.
  23. Hi, Here's my code for an SVG icon on the home page of my site. I'm wanting to have #336699 on hover. Screenshot of my site attached. Would I apply this to each individual icon code block or in the Custom CSS block? Can anyone help please? Thanks <div style="text-align: center"> <svg style="fill: #99CC33" width="80" 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>
×
×
  • 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.