GregLassale

All figured out. No help needed. Thx.

Site URL: https://gregorylassale.com I uploaded a custom font to SS and managed to apply it to all headings and paragraphs, but a lot of elements are still not included i.e. all cover page text, all buttons, accordion tabs text, contact form text, etc. Is there a quick way to apply the custom font to all site elements with CSS, or do I have to look up and target individually all those elements? I really wish SS made uploaded fonts available via Site Styles... Thanks

Site URL: https://gregorylassale.com I just redesigned my top page which is now large banner image which includes Markdown text blocks. As you can see on the screenshot below, the top Markdown block and the background image do not scale well on mobile. What would be the best way to fix those two issues? For the text, I don't know if just modifying the padding on mobile is the best option. I think it might be better to decrease the font size for mobile. The current Markdown code in that block is <div style="color:white; text-align:center; font-size:4.5em">GREGORY LASSALE</div> For the background image, I'm thinking thinking resized versions of the same image, but not sure what other options there are. The affected pages are: https://gregorylassale.com/english https://gregorylassale.com/french Thanks in advance for the help.

@bangank36 Could your script be modified so that the navigation is revealed if the person stops scrolling (or if they click a link that takes them down the page)?

Please disregard. I successfully injected the CSS via code block.

Please disregard question about hiding the BR tag. I used the following workaround instead: <!--Edit Site Title in Browser Tab Start--> <script> document.title = "Gregory Lassale Translations" </script> <!--Edit Site Title in Browser Tab End-->

Site URL: https://gregorylassale.com I'm using a few scroll indicators throughout my site, all black on white pages. They use a mix of HTML, CSS and Jquery. I just redesigned my top page ("Landing Banner") which is now black and would like to have a scroll indicator at the bottom which needs to be white. I tried to inject the CSS in the page code injection (with <style> tags and after changing all elements color to white) , but the color won't change on the page. The element is there, but still black. I tried marking all colors as !important, but still nothing. Hoping someone can help. The CSS I tried is: <!--Codepen Scroll Down Arrow 1 Start--> <style> .scroll a { position: absolute; bottom: 20px; left: 50%; z-index: 2; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: white; font : normal 400 20px/1 'montserrat', sans-serif; letter-spacing: none; text-decoration: none; transition: opacity .3s; } .scroll a:hover { opacity: .5; } #arrow a { padding-top: 70px; } #arrow a span { position: absolute; top: auto; left: 50%; width: 30px; height: 30px; margin-left: -12px; border-left: 2px solid white; border-bottom: 2px solid white; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite; box-sizing: border-box; } @-webkit-keyframes sdb05 { 0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } @keyframes sdb05 { 0% { transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } </style> <!--Codepen Scroll Down Arrow 1 End-->

I have to say, I really the above as a logo design. How did you get the vertical bar and what Arial font weight did you use? It's lighter than the default on Affinity Designer. Thanks.

Hi there. I did think about going that route, but my branding animates on scroll (color change), which I'd like and would like to keep if possible. I guess a workaround could be to upload two PNGs of slightly different color and toggle them on hover, but that would necessitate even further customization that I don't know how to do. I will think about it. @tuanphanThat said, I have a new issue: The <br/> tag is displayed on browser tabs. Any idea how to hide it? Thanks.

Please disregard. I used CSS

Fantastic. Thanks a lot. One more question: how would I modify the script for the 2 lines to be horizontally centered? Thanks again.

Got it. I had removed my fixed nav CSS thinking it would conflict with your code, but it looks like it's the other way around and your script needs a fixed header in order to work? All good now. Thanks!

All good on h3. I've checked and rechecked the code for the button, pasted yours, but it's still not working. Not sure why.

Yep, the intro/introfr pages. I just tested the code. It works on h1 and h2 but isn't affecting the paragraph or button/button border. Any idea?

Hi. The "Intro" page. Thanks!

I've tried several solutions found in the forum, but no dice. Anyone?

Site URL: https://gregorylassale.com I'm considering changing the design of my intro page in a way that would would entail changing the font color to white (text and button). I've tried targeting the block IDs and the section but nothing's working so far. How would I go about it? Brine family template 7.0 . Thanks.

Done. Thanks!

Hi @bangank36 I also use a 7.0 Brine family template (Sofia), but the code above doesn't work for me. Any idea? Site URL is https://gregorylassale.com Thanks in advance.

Site URL: https://gregorylassale.com I know that you can do this with banner images, but I'd like to use the image blocks' fade in effect.

Site URL: https://gregorylassale.com How would I go about inserting a line break between "Gregory Lassale" and "Translations" and have both horizontally centered? Thanks in advance.

Hi - can't help with the code but thought I'd mention that "résumé" uses acute accents ( "é" ). Just in case that wasn't a stylistic choice. 🙂

Oh duh. Thanks @Wolfsilon

Site URL: https://gregorylassale.com I am trying to apply this simple CSS script <style> @media screen and (max-width:640px) { h1#sqs-slash-page-header { font-size: 30px !important; } } </style> But Squarespace is returning a syntax error at line 263 which is just the style opening tag. Any idea why??

I've managed to fix the original problem. I've also been able to resize the mobile header, adjust the banner image focal point and reorder the blocks on the Service page. I cannot reproduce the horizontal scrollbar issue. I also cannot reproduce the counters misalignment on tablet or the accordion width issue. Both look good on my iPad: I just noticed the counters and footer seem offset to the left on mobile (phone). Tablet looks OK. I also need to increase the footer's padding so that the first line of text goes on two lines.