Jump to content

tuanphan

Circle Member
  • Posts

    64,922
  • Joined

  • Last visited

  • Days Won

    517

Posts posted by tuanphan

  1. On 7/12/2023 at 4:40 PM, Anthony_M said:

    Hi @S74

    I have the exact same problem.
    Interesting solution with clamp, but as I'm not a developper, I can't fit your solution properly into my problem.

    Can you please help me to setup the clamp function properly for my case ?

    https://www.anthonymartin.fr/andrei-molodkin-government-down

    The H1 title shrinks down when I enlarge the window. What would be the values I would need to parameter the clamp function with ? My H1 title is currently set to 4.7rem.
    Then I will replicate the same logic for all titles because H2, H3 and H4 are doing the same thing in all my website.

    Thank you very much.

    Anthony

    Enregistrement de l’écran 2023-07-12 à 11.00.44.mov

    You can use above code, it should work for your case

  2. On 7/12/2023 at 12:34 AM, Immortal_Explorer said:

    Hi

     

    Why does my site sometimes appear as it does in the attached image?

     

    I've cleared all cookies and cache from my browser

     

    Please advise

    double brain.jpg

    You try changing browser or clear browser cache, or check internet connection. Sometimes I have this, because slowly internet

  3. On 7/11/2023 at 9:40 PM, jrmyprkr said:

    Sure, this one's an example: jrmyprkr.earth/palabras

    You can use this new code

    /* Footer transparent */
    body {
        position: relative;
    }
    body footer#footer-sections {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }
    body footer.sections section, body footer.sections .section-background, body footer.sections .section-border {
        background: transparent;
    }

     

  4. On 7/11/2023 at 8:43 PM, Kellyx10 said:

    Hi @tuanphan

    Sorry to jump in.
    I have the same requirement about the semi-clear overlay with white-text tile on blog grid thumbnails.
    I tried to follow the above mentioned CSS code but it didn’t work. Would you mind to check my website and instruct me what shall I do?
    https://www.the-plucx.com/work
    Your kind help will be truly appreciated.

    You mean for Print & Digital Item?

    Initial: show image, hide title

    Hover: show image, show title (over image), show an overlay over image

    Is that right?

  5. #1. Yes, you need to upload all and the code will be like this

    @font-face {
    	font-family: 'Switzer Bold';
    	src: url(enter url to bold file);
    }
    @font-face {
    	font-family: 'Switzer Regular';
    	src: url(enter url to regular file);
    }
    @font-face {
    	font-family: 'Switzer Italic';
    	src: url(enter url to italic file);
    }

    #2. You can target BLOCK ID, some thing like this

    #block-id1 h1 {
    	font-family: 'Switzer Bold';
    }
    #block-id2 h1 {
    	font-family: 'Switzer Italic';
    }

    Use this tool to find id: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

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