Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by Oz_Soma

  1. Thanks, that's so helpful. 

    If it's not too much there are a couple of tiny things? 

    As the cursor moves off the image the caption pops down which looks a bit strange... is there a way to fix this?

    Also can I change the caption text color? Also move it a bit to the right? 

    And is there a way to manually change the gaps between the images so I can make them a bit smaller? 

    Thanks again for all your help!



  2. Hi @tuanphan I would love something similar to what you have done above. I have a Gallery and on the thumbnails the hover gives a transparent color and centrally aligned title caption. 

    I would like to replicate this exactly on normal images elsewhere on my site. So when you rollover the image it fills in with a transparent color and has the same type style, then links to another page when clicked. 

    Can you help with me this please? 


  3. Hi, here's my CSS (I'm sure very messy as I am a beginner!) 


    .header-nav *, nav.header-menu-nav-list * {
        font-family: 'halisa';

    .header-nav-item--active a {
       background-image: none;
    .header-nav-wrapper a {
        background-image: none !important;

      #collection-61aea4707f67916f746be687 .header-title-logo a {
        content: url("https://static1.squarespace.com/static/5ed74460ff76d55e5f153ed9/t/61d26232a1725e72615bed4e/1641177651022/Soma-Logo-Anim_Grey.gif");

    ///.header {
    ///  background: transparent!important;

    @media screen and (min-width:768px) {
    .header-announcement-bar-wrapper {
        padding-left: 10vw !important;
        padding-right: 5vw !important;

    @font-face {   
    font-family: 'halisa';   
    src: url(https://static1.squarespace.com/static/5ed74460ff76d55e5f153ed9/t/619588e0523c051cdf3f897e/1637189856813/Halisa-WideHeavy.otf), 

    h1 {
    font-family: 'halisa';}

    h2 {
    font-family: 'halisa';}

    h3 {
    font-family: 'halisa';}

    h4 {
    font-family: 'halisa';}

    @font-face {   
    font-family: 'scto';   
    src: url(https://static1.squarespace.com/static/5ed74460ff76d55e5f153ed9/t/61959ba47859f12c70aaa553/1637194661318/Scto+Grotesk+A+Regular.otf), 

    .sqsrte-small {
    font-family: 'scto';}

    .sqsrte-large {
    font-family: 'scto';}

    @font-face {   
    font-family: 'tiempos';   
    src: url(https://static1.squarespace.com/static/5ed74460ff76d55e5f153ed9/t/61a8688113634b669d4d440f/1638426754256/TiemposText-Regular.otf), 

    p {
    font-family: 'tiempos';}

    h3.portfolio-title {  
    font-size: 70px!important;

    h1, h2, h3, h4 {
        font-family: 'halisa' !important;

  4. Hi @bangank36 I'm trying to do this too but this code didn't work for me. I changed the collection to the page I want and then added the new logo in custom files. It seems to have a problem with the Style at the beginning and end and says there's a syntax error at line 1. Do I need to upgrade my Squarespace to be able to do this? 

    It would be great to be able to have different logos in the header for different pages so the colours don't clash. 

    Thanks in advance! 

    Oz Smith

  • 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.